@knime/kds-components 0.6.6 → 0.7.0

package/dist/index.js

@@ -1,4 +1,4 @@
-import { shallowRef, watch, defineComponent, toRef, createBlock, createElementBlock, unref, openBlock, resolveDynamicComponent, normalizeClass, computed, withCtx, renderSlot, createCommentVNode, toDisplayString, mergeProps, h, useSlots, getCurrentInstance, createElementVNode, mergeDefaults, useCssVars, Fragment, createVNode, useTemplateRef, nextTick, ref, withModifiers, mergeModels, useModel, useId, createSlots, renderList, normalizeProps, guardReactiveProps, normalizeStyle, onBeforeUpdate } from 'vue';
+import { shallowRef, watch, defineComponent, toRef, createBlock, createElementBlock, unref, openBlock, resolveDynamicComponent, normalizeClass, computed, withCtx, renderSlot, createCommentVNode, toDisplayString, mergeProps, h, useSlots, getCurrentInstance, createElementVNode, normalizeStyle, ref, mergeModels, useModel, createVNode, useId, Fragment, renderList, onBeforeUpdate, nextTick, withModifiers, normalizeProps, guardReactiveProps, withDirectives, vModelText, mergeDefaults, useCssVars, useTemplateRef, createSlots, onBeforeUnmount } from 'vue';
 import { isDefined, useLocalStorage, useDark, usePreferredDark, useResizeObserver, useElementSize } from '@vueuse/core';
 
 import './index.css';const __variableDynamicImportRuntimeHelper = (glob$1, path$13, segs) => {
@@ -23,7 +23,7 @@ const useIcon = ({
         return;
       }
       try {
-        const module = await __variableDynamicImportRuntimeHelper((/* #__PURE__ */ Object.assign({"../../node_modules/@knime/kds-styles/dist/img/icons/add-user.svg": () => import('./add-user-CKh821Ew.js'),"../../node_modules/@knime/kds-styles/dist/img/icons/ai-general.svg": () => import('./ai-general-BLr5A_aB.js'),"../../node_modules/@knime/kds-styles/dist/img/icons/annotation-mode.svg": () => import('./annotation-mode-Bjz8Qppm.js'),"../../node_modules/@knime/kds-styles/dist/img/icons/arrow-down.svg": () => import('./arrow-down-bUAuaj-3.js'),"../../node_modules/@knime/kds-styles/dist/img/icons/arrow-up.svg": () => import('./arrow-up-DijAlYdp.js'),"../../node_modules/@knime/kds-styles/dist/img/icons/arrows-expand.svg": () => import('./arrows-expand-CnIMh7ew.js'),"../../node_modules/@knime/kds-styles/dist/img/icons/arrows-move.svg": () => import('./arrows-move-CffWTJnH.js'),"../../node_modules/@knime/kds-styles/dist/img/icons/arrows-order.svg": () => import('./arrows-order-BqV36RNU.js'),"../../node_modules/@knime/kds-styles/dist/img/icons/back.svg": () => import('./back-Z2SKFWyw.js'),"../../node_modules/@knime/kds-styles/dist/img/icons/bold.svg": () => import('./bold-DpdJk_QB.js'),"../../node_modules/@knime/kds-styles/dist/img/icons/calendar.svg": () => import('./calendar-CXPcZjcq.js'),"../../node_modules/@knime/kds-styles/dist/img/icons/case-sensitive.svg": () => import('./case-sensitive-CuFLLxLY.js'),"../../node_modules/@knime/kds-styles/dist/img/icons/center-aligned.svg": () => import('./center-aligned-DmzJR-NU.js'),"../../node_modules/@knime/kds-styles/dist/img/icons/checkmark.svg": () => import('./checkmark-CZPkBFNO.js'),"../../node_modules/@knime/kds-styles/dist/img/icons/chevron-down.svg": () => import('./chevron-down-DNWYMX6r.js'),"../../node_modules/@knime/kds-styles/dist/img/icons/chevron-left-double.svg": () => import('./chevron-left-double-BXvJmoi2.js'),"../../node_modules/@knime/kds-styles/dist/img/icons/chevron-left.svg": () => import('./chevron-left-o-UW2wMT.js'),"../../node_modules/@knime/kds-styles/dist/img/icons/chevron-right-double.svg": () => import('./chevron-right-double-DfHg2w84.js'),"../../node_modules/@knime/kds-styles/dist/img/icons/chevron-right.svg": () => import('./chevron-right-B24wRG6X.js'),"../../node_modules/@knime/kds-styles/dist/img/icons/chevron-up.svg": () => import('./chevron-up-D1Rj9v1I.js'),"../../node_modules/@knime/kds-styles/dist/img/icons/circle-error.svg": () => import('./circle-error-BKcmt7Jv.js'),"../../node_modules/@knime/kds-styles/dist/img/icons/circle-info.svg": () => import('./circle-info-UvZ8z7Uk.js'),"../../node_modules/@knime/kds-styles/dist/img/icons/circle-question.svg": () => import('./circle-question-C49esbF6.js'),"../../node_modules/@knime/kds-styles/dist/img/icons/circle-success.svg": () => import('./circle-success-Deiv-aEI.js'),"../../node_modules/@knime/kds-styles/dist/img/icons/cloud-download.svg": () => import('./cloud-download-D3Swor59.js'),"../../node_modules/@knime/kds-styles/dist/img/icons/cloud-knime.svg": () => import('./cloud-knime-Ck0CYEpC.js'),"../../node_modules/@knime/kds-styles/dist/img/icons/cloud-pending-changes.svg": () => import('./cloud-pending-changes-C8wAwPD4.js'),"../../node_modules/@knime/kds-styles/dist/img/icons/cloud-synced.svg": () => import('./cloud-synced-Cjce2vj8.js'),"../../node_modules/@knime/kds-styles/dist/img/icons/cloud-upload.svg": () => import('./cloud-upload-1cKBYCE_.js'),"../../node_modules/@knime/kds-styles/dist/img/icons/cloud-workflow.svg": () => import('./cloud-workflow-bbXOzeON.js'),"../../node_modules/@knime/kds-styles/dist/img/icons/code-block.svg": () => import('./code-block-DxROkcSh.js'),"../../node_modules/@knime/kds-styles/dist/img/icons/color-picker.svg": () => import('./color-picker-DKT2VkYj.js'),"../../node_modules/@knime/kds-styles/dist/img/icons/comment.svg": () => import('./comment-_ajO8mxh.js'),"../../node_modules/@knime/kds-styles/dist/img/icons/component.svg": () => import('./component-xJ6doeqN.js'),"../../node_modules/@knime/kds-styles/dist/img/icons/connection.svg": () => import('./connection-CPQhki0y.js'),"../../node_modules/@knime/kds-styles/dist/img/icons/copy.svg": () => import('./copy-D_dQ00WJ.js'),"../../node_modules/@knime/kds-styles/dist/img/icons/cursor.svg": () => import('./cursor-CWY-Sqb_.js'),"../../node_modules/@knime/kds-styles/dist/img/icons/data-app.svg": () => import('./data-app-wBNobXat.js'),"../../node_modules/@knime/kds-styles/dist/img/icons/data-value-view.svg": () => import('./data-value-view-C07X6BM3.js'),"../../node_modules/@knime/kds-styles/dist/img/icons/date-time.svg": () => import('./date-time-D2BP5E5r.js'),"../../node_modules/@knime/kds-styles/dist/img/icons/db-database.svg": () => import('./db-database-DxsIVO4X.js'),"../../node_modules/@knime/kds-styles/dist/img/icons/db-schema.svg": () => import('./db-schema-Bv0_IT9E.js'),"../../node_modules/@knime/kds-styles/dist/img/icons/db-table-view.svg": () => import('./db-table-view-B0xGvbnv.js'),"../../node_modules/@knime/kds-styles/dist/img/icons/db-table.svg": () => import('./db-table-B7h4pOv1.js'),"../../node_modules/@knime/kds-styles/dist/img/icons/deploy.svg": () => import('./deploy-BHUT6hCi.js'),"../../node_modules/@knime/kds-styles/dist/img/icons/detect.svg": () => import('./detect-Bsk4HlM_.js'),"../../node_modules/@knime/kds-styles/dist/img/icons/divider.svg": () => import('./divider-Syv30InM.js'),"../../node_modules/@knime/kds-styles/dist/img/icons/duration.svg": () => import('./duration-DaP7U33c.js'),"../../node_modules/@knime/kds-styles/dist/img/icons/edit.svg": () => import('./edit-Bo5vgzi3.js'),"../../node_modules/@knime/kds-styles/dist/img/icons/education.svg": () => import('./education-B3hKB2rv.js'),"../../node_modules/@knime/kds-styles/dist/img/icons/error-panel.svg": () => import('./error-panel-CTRd3uUe.js'),"../../node_modules/@knime/kds-styles/dist/img/icons/execute-all.svg": () => import('./execute-all-Cd4o8ar9.js'),"../../node_modules/@knime/kds-styles/dist/img/icons/execute.svg": () => import('./execute-CaiPLywW.js'),"../../node_modules/@knime/kds-styles/dist/img/icons/expand-panel.svg": () => import('./expand-panel-DOMlQ0h4.js'),"../../node_modules/@knime/kds-styles/dist/img/icons/extension-community.svg": () => import('./extension-community-Dbck6In6.js'),"../../node_modules/@knime/kds-styles/dist/img/icons/extension.svg": () => import('./extension-0bpmRL2f.js'),"../../node_modules/@knime/kds-styles/dist/img/icons/external-link.svg": () => import('./external-link-Da9nbkS3.js'),"../../node_modules/@knime/kds-styles/dist/img/icons/eye.svg": () => import('./eye-BaEvu1WZ.js'),"../../node_modules/@knime/kds-styles/dist/img/icons/file-export.svg": () => import('./file-export-Cg1pIaBd.js'),"../../node_modules/@knime/kds-styles/dist/img/icons/file-text.svg": () => import('./file-text-C64HMtpY.js'),"../../node_modules/@knime/kds-styles/dist/img/icons/file.svg": () => import('./file-Pkm1PSyQ.js'),"../../node_modules/@knime/kds-styles/dist/img/icons/filter.svg": () => import('./filter-C91sigZW.js'),"../../node_modules/@knime/kds-styles/dist/img/icons/flow-variable-default.svg": () => import('./flow-variable-default-DvWtfW9d.js'),"../../node_modules/@knime/kds-styles/dist/img/icons/flow-variable-in-out.svg": () => import('./flow-variable-in-out-BnxZMi1-.js'),"../../node_modules/@knime/kds-styles/dist/img/icons/flow-variable-in.svg": () => import('./flow-variable-in-C30aVoZ6.js'),"../../node_modules/@knime/kds-styles/dist/img/icons/flow-variable-out.svg": () => import('./flow-variable-out-CSpUvaoJ.js'),"../../node_modules/@knime/kds-styles/dist/img/icons/folder-plus.svg": () => import('./folder-plus-DU8k1EXL.js'),"../../node_modules/@knime/kds-styles/dist/img/icons/folder-workflow.svg": () => import('./folder-workflow-DjPcer5V.js'),"../../node_modules/@knime/kds-styles/dist/img/icons/folder.svg": () => import('./folder-CbSKJZv-.js'),"../../node_modules/@knime/kds-styles/dist/img/icons/forum.svg": () => import('./forum-EjZCrpeY.js'),"../../node_modules/@knime/kds-styles/dist/img/icons/function-catalog.svg": () => import('./function-catalog-BtaFW_Ag.js'),"../../node_modules/@knime/kds-styles/dist/img/icons/home.svg": () => import('./home-iE7RmW5y.js'),"../../node_modules/@knime/kds-styles/dist/img/icons/import.svg": () => import('./import-B57fag-w.js'),"../../node_modules/@knime/kds-styles/dist/img/icons/info.svg": () => import('./info-Ct2oj9rt.js'),"../../node_modules/@knime/kds-styles/dist/img/icons/interval.svg": () => import('./interval-DdbkHCkr.js'),"../../node_modules/@knime/kds-styles/dist/img/icons/italic.svg": () => import('./italic-D-X25dao.js'),"../../node_modules/@knime/kds-styles/dist/img/icons/key.svg": () => import('./key-BVmvoGXA.js'),"../../node_modules/@knime/kds-styles/dist/img/icons/layout-editor.svg": () => import('./layout-editor-CrJYLsDK.js'),"../../node_modules/@knime/kds-styles/dist/img/icons/left-aligned.svg": () => import('./left-aligned-BbOktUi8.js'),"../../node_modules/@knime/kds-styles/dist/img/icons/like.svg": () => import('./like-PH-Btifn.js'),"../../node_modules/@knime/kds-styles/dist/img/icons/limit.svg": () => import('./limit-DhWVMRX6.js'),"../../node_modules/@knime/kds-styles/dist/img/icons/link.svg": () => import('./link-UgkqQsRt.js'),"../../node_modules/@knime/kds-styles/dist/img/icons/linked-metanode.svg": () => import('./linked-metanode-HsMQlCgq.js'),"../../node_modules/@knime/kds-styles/dist/img/icons/list-bulletpoint.svg": () => import('./list-bulletpoint-BVaXqx4f.js'),"../../node_modules/@knime/kds-styles/dist/img/icons/list-number.svg": () => import('./list-number-CNqcTLYo.js'),"../../node_modules/@knime/kds-styles/dist/img/icons/list-thumbs.svg": () => import('./list-thumbs-M7r_75-H.js'),"../../node_modules/@knime/kds-styles/dist/img/icons/list.svg": () => import('./list-Byrs5aZs.js'),"../../node_modules/@knime/kds-styles/dist/img/icons/local-filesystem.svg": () => import('./local-filesystem-hArfE0_N.js'),"../../node_modules/@knime/kds-styles/dist/img/icons/lock.svg": () => import('./lock-C0pCLYaC.js'),"../../node_modules/@knime/kds-styles/dist/img/icons/metanode.svg": () => import('./metanode-Cl_lQPOl.js'),"../../node_modules/@knime/kds-styles/dist/img/icons/mini-map.svg": () => import('./mini-map-ivG9u5W4.js'),"../../node_modules/@knime/kds-styles/dist/img/icons/minimize-dialog.svg": () => import('./minimize-dialog-CWg57-1w.js'),"../../node_modules/@knime/kds-styles/dist/img/icons/minimize-side-panel.svg": () => import('./minimize-side-panel-Brx7aXNg.js'),"../../node_modules/@knime/kds-styles/dist/img/icons/minus.svg": () => import('./minus-Bl_XdZTq.js'),"../../node_modules/@knime/kds-styles/dist/img/icons/more-actions.svg": () => import('./more-actions-CUQHQnhr.js'),"../../node_modules/@knime/kds-styles/dist/img/icons/node-stack.svg": () => import('./node-stack-BIw49e13.js'),"../../node_modules/@knime/kds-styles/dist/img/icons/nodes-align-horiz.svg": () => import('./nodes-align-horiz-Bxl0AKfj.js'),"../../node_modules/@knime/kds-styles/dist/img/icons/nodes-align-vert.svg": () => import('./nodes-align-vert-D8h7LLpV.js'),"../../node_modules/@knime/kds-styles/dist/img/icons/open-in-new-window.svg": () => import('./open-in-new-window-zf7vlHFV.js'),"../../node_modules/@knime/kds-styles/dist/img/icons/pan-mode.svg": () => import('./pan-mode-DqMDNpGh.js'),"../../node_modules/@knime/kds-styles/dist/img/icons/parameter.svg": () => import('./parameter-BwgLWZ40.js'),"../../node_modules/@knime/kds-styles/dist/img/icons/pending-changes.svg": () => import('./pending-changes-CYs0jWRx.js'),"../../node_modules/@knime/kds-styles/dist/img/icons/placeholder.svg": () => import('./placeholder-6jSUL5uH.js'),"../../node_modules/@knime/kds-styles/dist/img/icons/plus.svg": () => import('./plus-Cj7d9fzE.js'),"../../node_modules/@knime/kds-styles/dist/img/icons/quote.svg": () => import('./quote-B_HXPGC-.js'),"../../node_modules/@knime/kds-styles/dist/img/icons/re-execution.svg": () => import('./re-execution-C4Ssn4oh.js'),"../../node_modules/@knime/kds-styles/dist/img/icons/redo.svg": () => import('./redo-DvRm89Y1.js'),"../../node_modules/@knime/kds-styles/dist/img/icons/regex.svg": () => import('./regex-v3KtSGhe.js'),"../../node_modules/@knime/kds-styles/dist/img/icons/reload.svg": () => import('./reload-aBy3xEuk.js'),"../../node_modules/@knime/kds-styles/dist/img/icons/rename.svg": () => import('./rename-CR6_WgYs.js'),"../../node_modules/@knime/kds-styles/dist/img/icons/replace.svg": () => import('./replace-D6ui4Ubg.js'),"../../node_modules/@knime/kds-styles/dist/img/icons/reset-all.svg": () => import('./reset-all-D3A6ORrn.js'),"../../node_modules/@knime/kds-styles/dist/img/icons/resume-execution.svg": () => import('./resume-execution--1RD1SK-.js'),"../../node_modules/@knime/kds-styles/dist/img/icons/right-aligned.svg": () => import('./right-aligned-BQuVIUi8.js'),"../../node_modules/@knime/kds-styles/dist/img/icons/rocket.svg": () => import('./rocket-CcUk0w4I.js'),"../../node_modules/@knime/kds-styles/dist/img/icons/save-as.svg": () => import('./save-as-lIdGETry.js'),"../../node_modules/@knime/kds-styles/dist/img/icons/save.svg": () => import('./save-BTSBDcKz.js'),"../../node_modules/@knime/kds-styles/dist/img/icons/schedule.svg": () => import('./schedule-CuWWu-oZ.js'),"../../node_modules/@knime/kds-styles/dist/img/icons/search.svg": () => import('./search-Bzzp4jaj.js'),"../../node_modules/@knime/kds-styles/dist/img/icons/secret-store.svg": () => import('./secret-store-CtLqpWMg.js'),"../../node_modules/@knime/kds-styles/dist/img/icons/selected-cancel.svg": () => import('./selected-cancel-yt7eew8_.js'),"../../node_modules/@knime/kds-styles/dist/img/icons/selected-execution.svg": () => import('./selected-execution-Dt9jKAcj.js'),"../../node_modules/@knime/kds-styles/dist/img/icons/selected-reset.svg": () => import('./selected-reset-DlGgo4-Y.js'),"../../node_modules/@knime/kds-styles/dist/img/icons/send.svg": () => import('./send-C9YzInMZ.js'),"../../node_modules/@knime/kds-styles/dist/img/icons/server-rack-workflow.svg": () => import('./server-rack-workflow-dCwu7vTW.js'),"../../node_modules/@knime/kds-styles/dist/img/icons/service.svg": () => import('./service-BT3SUkgO.js'),"../../node_modules/@knime/kds-styles/dist/img/icons/settings.svg": () => import('./settings-CGgJkEgj.js'),"../../node_modules/@knime/kds-styles/dist/img/icons/share.svg": () => import('./share-BdSOCq4T.js'),"../../node_modules/@knime/kds-styles/dist/img/icons/shortcuts.svg": () => import('./shortcuts-Bu3KkyH3.js'),"../../node_modules/@knime/kds-styles/dist/img/icons/sort-ascending.svg": () => import('./sort-ascending-wLoBiuk_.js'),"../../node_modules/@knime/kds-styles/dist/img/icons/sort-descending.svg": () => import('./sort-descending-DZiglaz4.js'),"../../node_modules/@knime/kds-styles/dist/img/icons/space-local.svg": () => import('./space-local-Df_W3Vix.js'),"../../node_modules/@knime/kds-styles/dist/img/icons/space-private.svg": () => import('./space-private-BcygS3TM.js'),"../../node_modules/@knime/kds-styles/dist/img/icons/space.svg": () => import('./space-hkXDtlC1.js'),"../../node_modules/@knime/kds-styles/dist/img/icons/stepwise-execution.svg": () => import('./stepwise-execution-DNdkTRdo.js'),"../../node_modules/@knime/kds-styles/dist/img/icons/strikethrough.svg": () => import('./strikethrough-DaE8BLGf.js'),"../../node_modules/@knime/kds-styles/dist/img/icons/team.svg": () => import('./team-D1-xShh0.js'),"../../node_modules/@knime/kds-styles/dist/img/icons/text.svg": () => import('./text-DMmr6LRp.js'),"../../node_modules/@knime/kds-styles/dist/img/icons/textstyles.svg": () => import('./textstyles-DHJzC-et.js'),"../../node_modules/@knime/kds-styles/dist/img/icons/thumbs-down.svg": () => import('./thumbs-down-xRvAE_oG.js'),"../../node_modules/@knime/kds-styles/dist/img/icons/thumbs-up.svg": () => import('./thumbs-up-9YwRlf60.js'),"../../node_modules/@knime/kds-styles/dist/img/icons/time.svg": () => import('./time-Tei7g5mN.js'),"../../node_modules/@knime/kds-styles/dist/img/icons/to-bottom.svg": () => import('./to-bottom-1s_2X-cB.js'),"../../node_modules/@knime/kds-styles/dist/img/icons/to-top.svg": () => import('./to-top-CtkBPtAa.js'),"../../node_modules/@knime/kds-styles/dist/img/icons/trash.svg": () => import('./trash-CXGtMBy1.js'),"../../node_modules/@knime/kds-styles/dist/img/icons/trigger.svg": () => import('./trigger-wL8HC16Y.js'),"../../node_modules/@knime/kds-styles/dist/img/icons/underline.svg": () => import('./underline-B6XEgMkQ.js'),"../../node_modules/@knime/kds-styles/dist/img/icons/undo.svg": () => import('./undo-DaXvDNyj.js'),"../../node_modules/@knime/kds-styles/dist/img/icons/unlink.svg": () => import('./unlink-BY0X0cix.js'),"../../node_modules/@knime/kds-styles/dist/img/icons/user.svg": () => import('./user-df6HsMaZ.js'),"../../node_modules/@knime/kds-styles/dist/img/icons/version.svg": () => import('./version-B-5dHgvX.js'),"../../node_modules/@knime/kds-styles/dist/img/icons/view-cards.svg": () => import('./view-cards-BTGqIH1C.js'),"../../node_modules/@knime/kds-styles/dist/img/icons/warning.svg": () => import('./warning-BEoXGKC2.js'),"../../node_modules/@knime/kds-styles/dist/img/icons/workflow.svg": () => import('./workflow-B6CQgLEB.js'),"../../node_modules/@knime/kds-styles/dist/img/icons/x-close.svg": () => import('./x-close-BU1wJ08h.js'),"../../node_modules/@knime/kds-styles/dist/img/type-icons/audio-datatype.svg": () => import('./audio-datatype-BqJYr0fU.js'),"../../node_modules/@knime/kds-styles/dist/img/type-icons/binary-object-datatype.svg": () => import('./binary-object-datatype-Du-zhxKy.js'),"../../node_modules/@knime/kds-styles/dist/img/type-icons/bit-byte-vector-datatype.svg": () => import('./bit-byte-vector-datatype-DRoDVhzx.js'),"../../node_modules/@knime/kds-styles/dist/img/type-icons/boolean-datatype.svg": () => import('./boolean-datatype-BLejL9wT.js'),"../../node_modules/@knime/kds-styles/dist/img/type-icons/collection-list-datatype.svg": () => import('./collection-list-datatype-tv5ebdN1.js'),"../../node_modules/@knime/kds-styles/dist/img/type-icons/collection-set-datatype.svg": () => import('./collection-set-datatype-BmEIjJCx.js'),"../../node_modules/@knime/kds-styles/dist/img/type-icons/date-datatype.svg": () => import('./date-datatype-CbrXJIDR.js'),"../../node_modules/@knime/kds-styles/dist/img/type-icons/date-time-local-datatype.svg": () => import('./date-time-local-datatype-Dn57eC5p.js'),"../../node_modules/@knime/kds-styles/dist/img/type-icons/date-time-zoned-datatype.svg": () => import('./date-time-zoned-datatype-BC0SFQAD.js'),"../../node_modules/@knime/kds-styles/dist/img/type-icons/default-extension-datatype.svg": () => import('./default-extension-datatype-EJXM_Ybz.js'),"../../node_modules/@knime/kds-styles/dist/img/type-icons/document-datatype.svg": () => import('./document-datatype-BSz1qTHq.js'),"../../node_modules/@knime/kds-styles/dist/img/type-icons/duration-date-based-datatype.svg": () => import('./duration-date-based-datatype-D6prx57n.js'),"../../node_modules/@knime/kds-styles/dist/img/type-icons/duration-time-based-datatype.svg": () => import('./duration-time-based-datatype-4Ik-Vr8Q.js'),"../../node_modules/@knime/kds-styles/dist/img/type-icons/geo-datatype.svg": () => import('./geo-datatype-CFu0R3vj.js'),"../../node_modules/@knime/kds-styles/dist/img/type-icons/helm-datatype.svg": () => import('./helm-datatype-BWAUZ-Tt.js'),"../../node_modules/@knime/kds-styles/dist/img/type-icons/image-png-datatype.svg": () => import('./image-png-datatype-XLrsdl_K.js'),"../../node_modules/@knime/kds-styles/dist/img/type-icons/image-svg-datatype.svg": () => import('./image-svg-datatype-Sc-uI6FI.js'),"../../node_modules/@knime/kds-styles/dist/img/type-icons/json-datatype.svg": () => import('./json-datatype-CK5bFgQy.js'),"../../node_modules/@knime/kds-styles/dist/img/type-icons/labeling-datatype.svg": () => import('./labeling-datatype-DubVeYXo.js'),"../../node_modules/@knime/kds-styles/dist/img/type-icons/linear-notation-molecule.svg": () => import('./linear-notation-molecule-B9JUyQef.js'),"../../node_modules/@knime/kds-styles/dist/img/type-icons/message-datatype.svg": () => import('./message-datatype-BMeR1nv4.js'),"../../node_modules/@knime/kds-styles/dist/img/type-icons/microscope.svg": () => import('./microscope-Cr49onew.js'),"../../node_modules/@knime/kds-styles/dist/img/type-icons/model-pmml-datatype.svg": () => import('./model-pmml-datatype-IGnc5zXz.js'),"../../node_modules/@knime/kds-styles/dist/img/type-icons/molecule.svg": () => import('./molecule-C9PFhX46.js'),"../../node_modules/@knime/kds-styles/dist/img/type-icons/number-double-datatype.svg": () => import('./number-double-datatype-iI23azce.js'),"../../node_modules/@knime/kds-styles/dist/img/type-icons/number-double-vector-datatype.svg": () => import('./number-double-vector-datatype-BtktW2zE.js'),"../../node_modules/@knime/kds-styles/dist/img/type-icons/number-integer-datatype.svg": () => import('./number-integer-datatype-ncI7X7Aw.js'),"../../node_modules/@knime/kds-styles/dist/img/type-icons/path-datatype.svg": () => import('./path-datatype-UYcAhyjv.js'),"../../node_modules/@knime/kds-styles/dist/img/type-icons/string-datatype.svg": () => import('./string-datatype-BFdqZnvv.js'),"../../node_modules/@knime/kds-styles/dist/img/type-icons/string-vector-datatype.svg": () => import('./string-vector-datatype-QXJ-Dq9M.js'),"../../node_modules/@knime/kds-styles/dist/img/type-icons/subgraph-datatype.svg": () => import('./subgraph-datatype-BHUfkFAl.js'),"../../node_modules/@knime/kds-styles/dist/img/type-icons/term-datatype.svg": () => import('./term-datatype-fRf65x34.js'),"../../node_modules/@knime/kds-styles/dist/img/type-icons/test-tube.svg": () => import('./test-tube-dmblmo83.js'),"../../node_modules/@knime/kds-styles/dist/img/type-icons/time-datatype.svg": () => import('./time-datatype-Dx_gZrr5.js'),"../../node_modules/@knime/kds-styles/dist/img/type-icons/tool-datatype.svg": () => import('./tool-datatype-CscnJaLg.js'),"../../node_modules/@knime/kds-styles/dist/img/type-icons/unknown-datatype.svg": () => import('./unknown-datatype-HVRhR0XQ.js'),"../../node_modules/@knime/kds-styles/dist/img/type-icons/uri-datatype.svg": () => import('./uri-datatype-COo2A9Ig.js'),"../../node_modules/@knime/kds-styles/dist/img/type-icons/variable-boolean.svg": () => import('./variable-boolean-Del5rqMV.js'),"../../node_modules/@knime/kds-styles/dist/img/type-icons/variable-collection-boolean.svg": () => import('./variable-collection-boolean-ClvKyQes.js'),"../../node_modules/@knime/kds-styles/dist/img/type-icons/variable-collection-double.svg": () => import('./variable-collection-double-D9bZO46e.js'),"../../node_modules/@knime/kds-styles/dist/img/type-icons/variable-collection-integer.svg": () => import('./variable-collection-integer-Bz4v0C4x.js'),"../../node_modules/@knime/kds-styles/dist/img/type-icons/variable-collection-string.svg": () => import('./variable-collection-string-2mgywfSS.js'),"../../node_modules/@knime/kds-styles/dist/img/type-icons/variable-conda-environment.svg": () => import('./variable-conda-environment-Hrl_-hfW.js'),"../../node_modules/@knime/kds-styles/dist/img/type-icons/variable-credential.svg": () => import('./variable-credential-D_kLfXY5.js'),"../../node_modules/@knime/kds-styles/dist/img/type-icons/variable-integer.svg": () => import('./variable-integer-5fC6qM5I.js'),"../../node_modules/@knime/kds-styles/dist/img/type-icons/variable-number-double.svg": () => import('./variable-number-double-DwTKGyps.js'),"../../node_modules/@knime/kds-styles/dist/img/type-icons/variable-path.svg": () => import('./variable-path-DTYcIIg9.js'),"../../node_modules/@knime/kds-styles/dist/img/type-icons/variable-string.svg": () => import('./variable-string-BVXOfIgy.js'),"../../node_modules/@knime/kds-styles/dist/img/type-icons/variable-unknown.svg": () => import('./variable-unknown-DLlsEO5w.js'),"../../node_modules/@knime/kds-styles/dist/img/type-icons/xml-datatype.svg": () => import('./xml-datatype-BymvkSrS.js')})), `../../node_modules/@knime/kds-styles/dist/img/${folder}/${newName}.svg`, 9);
+        const module = await __variableDynamicImportRuntimeHelper((/* #__PURE__ */ Object.assign({"../../../node_modules/@knime/kds-styles/dist/img/icons/add-user.svg": () => import('./add-user-CKh821Ew.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/ai-general.svg": () => import('./ai-general-BLr5A_aB.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/annotation-mode.svg": () => import('./annotation-mode-Bjz8Qppm.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/arrow-down.svg": () => import('./arrow-down-bUAuaj-3.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/arrow-up.svg": () => import('./arrow-up-DijAlYdp.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/arrows-expand.svg": () => import('./arrows-expand-CnIMh7ew.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/arrows-move.svg": () => import('./arrows-move-CffWTJnH.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/arrows-order.svg": () => import('./arrows-order-BqV36RNU.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/back.svg": () => import('./back-Z2SKFWyw.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/bold.svg": () => import('./bold-DpdJk_QB.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/calendar.svg": () => import('./calendar-CXPcZjcq.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/case-sensitive.svg": () => import('./case-sensitive-CuFLLxLY.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/center-aligned.svg": () => import('./center-aligned-DmzJR-NU.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/checkmark.svg": () => import('./checkmark-CZPkBFNO.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/chevron-down.svg": () => import('./chevron-down-DNWYMX6r.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/chevron-left-double.svg": () => import('./chevron-left-double-BXvJmoi2.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/chevron-left.svg": () => import('./chevron-left-o-UW2wMT.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/chevron-right-double.svg": () => import('./chevron-right-double-DfHg2w84.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/chevron-right.svg": () => import('./chevron-right-B24wRG6X.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/chevron-up.svg": () => import('./chevron-up-D1Rj9v1I.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/circle-error.svg": () => import('./circle-error-BKcmt7Jv.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/circle-info.svg": () => import('./circle-info-UvZ8z7Uk.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/circle-question.svg": () => import('./circle-question-C49esbF6.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/circle-success.svg": () => import('./circle-success-Deiv-aEI.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/cloud-download.svg": () => import('./cloud-download-D3Swor59.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/cloud-knime.svg": () => import('./cloud-knime-Ck0CYEpC.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/cloud-pending-changes.svg": () => import('./cloud-pending-changes-BooMof3w.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/cloud-synced.svg": () => import('./cloud-synced-BLkZpZpi.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/cloud-upload.svg": () => import('./cloud-upload-1cKBYCE_.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/cloud-workflow.svg": () => import('./cloud-workflow-bbXOzeON.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/code-block.svg": () => import('./code-block-DxROkcSh.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/color-picker.svg": () => import('./color-picker-DKT2VkYj.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/comment.svg": () => import('./comment-_ajO8mxh.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/component.svg": () => import('./component-xJ6doeqN.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/connection.svg": () => import('./connection-CPQhki0y.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/copy.svg": () => import('./copy-D_dQ00WJ.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/cursor.svg": () => import('./cursor-CWY-Sqb_.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/data-app.svg": () => import('./data-app-wBNobXat.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/data-value-view.svg": () => import('./data-value-view-C07X6BM3.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/date-time.svg": () => import('./date-time-D2BP5E5r.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/db-database.svg": () => import('./db-database-DxsIVO4X.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/db-schema.svg": () => import('./db-schema-Bv0_IT9E.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/db-table-view.svg": () => import('./db-table-view-B0xGvbnv.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/db-table.svg": () => import('./db-table-B7h4pOv1.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/deploy.svg": () => import('./deploy-D2iGlU6g.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/detect.svg": () => import('./detect-Bsk4HlM_.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/divider.svg": () => import('./divider-Syv30InM.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/duration.svg": () => import('./duration-DaP7U33c.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/edit.svg": () => import('./edit-Bo5vgzi3.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/education.svg": () => import('./education-B3hKB2rv.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/error-panel.svg": () => import('./error-panel-CTRd3uUe.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/execute-all.svg": () => import('./execute-all-Cd4o8ar9.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/execute.svg": () => import('./execute-CaiPLywW.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/expand-panel.svg": () => import('./expand-panel-DOMlQ0h4.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/extension-community.svg": () => import('./extension-community-Dbck6In6.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/extension.svg": () => import('./extension-0bpmRL2f.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/external-link.svg": () => import('./external-link-Da9nbkS3.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/eye.svg": () => import('./eye-BaEvu1WZ.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/file-export.svg": () => import('./file-export-Cg1pIaBd.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/file-text.svg": () => import('./file-text-C64HMtpY.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/file.svg": () => import('./file-Pkm1PSyQ.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/filter.svg": () => import('./filter-C91sigZW.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/flow-variable-default.svg": () => import('./flow-variable-default-DvWtfW9d.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/flow-variable-in-out.svg": () => import('./flow-variable-in-out-BnxZMi1-.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/flow-variable-in.svg": () => import('./flow-variable-in-C30aVoZ6.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/flow-variable-out.svg": () => import('./flow-variable-out-CSpUvaoJ.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/folder-plus.svg": () => import('./folder-plus-DU8k1EXL.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/folder-workflow.svg": () => import('./folder-workflow-DjPcer5V.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/folder.svg": () => import('./folder-CbSKJZv-.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/forum.svg": () => import('./forum-EjZCrpeY.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/function-catalog.svg": () => import('./function-catalog-BtaFW_Ag.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/home.svg": () => import('./home-iE7RmW5y.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/import.svg": () => import('./import-B57fag-w.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/info.svg": () => import('./info-Ct2oj9rt.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/interval.svg": () => import('./interval-DdbkHCkr.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/italic.svg": () => import('./italic-D-X25dao.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/key.svg": () => import('./key-BVmvoGXA.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/layout-editor.svg": () => import('./layout-editor-CrJYLsDK.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/left-aligned.svg": () => import('./left-aligned-BbOktUi8.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/like.svg": () => import('./like-PH-Btifn.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/limit.svg": () => import('./limit-DhWVMRX6.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/link.svg": () => import('./link-UgkqQsRt.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/linked-metanode.svg": () => import('./linked-metanode-HsMQlCgq.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/list-bulletpoint.svg": () => import('./list-bulletpoint-BVaXqx4f.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/list-number.svg": () => import('./list-number-CNqcTLYo.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/list-thumbs.svg": () => import('./list-thumbs-M7r_75-H.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/list.svg": () => import('./list-Byrs5aZs.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/local-filesystem.svg": () => import('./local-filesystem-hArfE0_N.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/lock.svg": () => import('./lock-C0pCLYaC.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/metanode.svg": () => import('./metanode-Cl_lQPOl.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/mini-map.svg": () => import('./mini-map-ivG9u5W4.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/minimize-dialog.svg": () => import('./minimize-dialog-CWg57-1w.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/minimize-side-panel.svg": () => import('./minimize-side-panel-Brx7aXNg.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/minus.svg": () => import('./minus-Bl_XdZTq.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/more-actions.svg": () => import('./more-actions-CUQHQnhr.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/node-stack.svg": () => import('./node-stack-BIw49e13.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/nodes-align-horiz.svg": () => import('./nodes-align-horiz-Bxl0AKfj.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/nodes-align-vert.svg": () => import('./nodes-align-vert-D8h7LLpV.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/open-in-new-window.svg": () => import('./open-in-new-window-zf7vlHFV.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/pan-mode.svg": () => import('./pan-mode-DqMDNpGh.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/parameter.svg": () => import('./parameter-BwgLWZ40.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/pending-changes.svg": () => import('./pending-changes-CYs0jWRx.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/placeholder.svg": () => import('./placeholder-6jSUL5uH.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/plus.svg": () => import('./plus-Cj7d9fzE.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/quote.svg": () => import('./quote-B_HXPGC-.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/re-execution.svg": () => import('./re-execution-C4Ssn4oh.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/redo.svg": () => import('./redo-DvRm89Y1.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/regex.svg": () => import('./regex-v3KtSGhe.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/reload.svg": () => import('./reload-aBy3xEuk.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/rename.svg": () => import('./rename-CR6_WgYs.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/replace.svg": () => import('./replace-D6ui4Ubg.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/reset-all.svg": () => import('./reset-all-D3A6ORrn.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/resume-execution.svg": () => import('./resume-execution--1RD1SK-.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/right-aligned.svg": () => import('./right-aligned-BQuVIUi8.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/rocket.svg": () => import('./rocket-CcUk0w4I.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/save-as.svg": () => import('./save-as-lIdGETry.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/save.svg": () => import('./save-BTSBDcKz.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/schedule.svg": () => import('./schedule-CuWWu-oZ.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/search.svg": () => import('./search-Bzzp4jaj.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/secret-store.svg": () => import('./secret-store-CtLqpWMg.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/selected-cancel.svg": () => import('./selected-cancel-yt7eew8_.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/selected-execution.svg": () => import('./selected-execution-Dt9jKAcj.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/selected-reset.svg": () => import('./selected-reset-DlGgo4-Y.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/send.svg": () => import('./send-C9YzInMZ.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/server-rack-workflow.svg": () => import('./server-rack-workflow-dCwu7vTW.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/service.svg": () => import('./service-BT3SUkgO.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/settings.svg": () => import('./settings-CGgJkEgj.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/share.svg": () => import('./share-BdSOCq4T.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/shortcuts.svg": () => import('./shortcuts-Bu3KkyH3.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/sort-ascending.svg": () => import('./sort-ascending-wLoBiuk_.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/sort-descending.svg": () => import('./sort-descending-DZiglaz4.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/space-local.svg": () => import('./space-local-Df_W3Vix.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/space-private.svg": () => import('./space-private-BcygS3TM.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/space.svg": () => import('./space-hkXDtlC1.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/stepwise-execution.svg": () => import('./stepwise-execution-DNdkTRdo.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/strikethrough.svg": () => import('./strikethrough-DaE8BLGf.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/team.svg": () => import('./team-D1-xShh0.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/text.svg": () => import('./text-DMmr6LRp.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/textstyles.svg": () => import('./textstyles-DHJzC-et.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/thumbs-down.svg": () => import('./thumbs-down-xRvAE_oG.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/thumbs-up.svg": () => import('./thumbs-up-9YwRlf60.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/time.svg": () => import('./time-Tei7g5mN.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/to-bottom.svg": () => import('./to-bottom-1s_2X-cB.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/to-top.svg": () => import('./to-top-CtkBPtAa.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/trash.svg": () => import('./trash-CXGtMBy1.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/trigger.svg": () => import('./trigger-wL8HC16Y.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/underline.svg": () => import('./underline-B6XEgMkQ.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/undo.svg": () => import('./undo-DaXvDNyj.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/unlink.svg": () => import('./unlink-BY0X0cix.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/user.svg": () => import('./user-df6HsMaZ.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/version.svg": () => import('./version-B-5dHgvX.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/view-cards.svg": () => import('./view-cards-BTGqIH1C.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/warning.svg": () => import('./warning-BEoXGKC2.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/workflow.svg": () => import('./workflow-B6CQgLEB.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/x-close.svg": () => import('./x-close-BU1wJ08h.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/audio-datatype.svg": () => import('./audio-datatype-BqJYr0fU.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/binary-object-datatype.svg": () => import('./binary-object-datatype-Du-zhxKy.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/bit-byte-vector-datatype.svg": () => import('./bit-byte-vector-datatype-DRoDVhzx.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/boolean-datatype.svg": () => import('./boolean-datatype-BLejL9wT.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/collection-list-datatype.svg": () => import('./collection-list-datatype-tv5ebdN1.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/collection-set-datatype.svg": () => import('./collection-set-datatype-BmEIjJCx.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/date-datatype.svg": () => import('./date-datatype-CbrXJIDR.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/date-time-local-datatype.svg": () => import('./date-time-local-datatype-Dn57eC5p.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/date-time-zoned-datatype.svg": () => import('./date-time-zoned-datatype-BC0SFQAD.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/default-extension-datatype.svg": () => import('./default-extension-datatype-EJXM_Ybz.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/document-datatype.svg": () => import('./document-datatype-BSz1qTHq.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/duration-date-based-datatype.svg": () => import('./duration-date-based-datatype-D6prx57n.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/duration-time-based-datatype.svg": () => import('./duration-time-based-datatype-4Ik-Vr8Q.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/geo-datatype.svg": () => import('./geo-datatype-CFu0R3vj.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/helm-datatype.svg": () => import('./helm-datatype-BWAUZ-Tt.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/image-png-datatype.svg": () => import('./image-png-datatype-XLrsdl_K.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/image-svg-datatype.svg": () => import('./image-svg-datatype-Sc-uI6FI.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/json-datatype.svg": () => import('./json-datatype-CK5bFgQy.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/labeling-datatype.svg": () => import('./labeling-datatype-DubVeYXo.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/linear-notation-molecule.svg": () => import('./linear-notation-molecule-B9JUyQef.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/message-datatype.svg": () => import('./message-datatype-BMeR1nv4.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/microscope.svg": () => import('./microscope-Cr49onew.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/model-pmml-datatype.svg": () => import('./model-pmml-datatype-IGnc5zXz.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/molecule.svg": () => import('./molecule-C9PFhX46.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/number-double-datatype.svg": () => import('./number-double-datatype-iI23azce.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/number-double-vector-datatype.svg": () => import('./number-double-vector-datatype-BtktW2zE.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/number-integer-datatype.svg": () => import('./number-integer-datatype-ncI7X7Aw.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/path-datatype.svg": () => import('./path-datatype-UYcAhyjv.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/string-datatype.svg": () => import('./string-datatype-BFdqZnvv.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/string-vector-datatype.svg": () => import('./string-vector-datatype-QXJ-Dq9M.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/subgraph-datatype.svg": () => import('./subgraph-datatype-BHUfkFAl.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/term-datatype.svg": () => import('./term-datatype-fRf65x34.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/test-tube.svg": () => import('./test-tube-dmblmo83.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/time-datatype.svg": () => import('./time-datatype-Dx_gZrr5.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/tool-datatype.svg": () => import('./tool-datatype-CscnJaLg.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/unknown-datatype.svg": () => import('./unknown-datatype-HVRhR0XQ.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/uri-datatype.svg": () => import('./uri-datatype-COo2A9Ig.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/variable-boolean.svg": () => import('./variable-boolean-Del5rqMV.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/variable-collection-boolean.svg": () => import('./variable-collection-boolean-ClvKyQes.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/variable-collection-double.svg": () => import('./variable-collection-double-D9bZO46e.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/variable-collection-integer.svg": () => import('./variable-collection-integer-Bz4v0C4x.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/variable-collection-string.svg": () => import('./variable-collection-string-2mgywfSS.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/variable-conda-environment.svg": () => import('./variable-conda-environment-Hrl_-hfW.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/variable-credential.svg": () => import('./variable-credential-D_kLfXY5.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/variable-integer.svg": () => import('./variable-integer-5fC6qM5I.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/variable-number-double.svg": () => import('./variable-number-double-DwTKGyps.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/variable-path.svg": () => import('./variable-path-DTYcIIg9.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/variable-string.svg": () => import('./variable-string-BVXOfIgy.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/variable-unknown.svg": () => import('./variable-unknown-DLlsEO5w.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/xml-datatype.svg": () => import('./xml-datatype-BymvkSrS.js')})), `../../../node_modules/@knime/kds-styles/dist/img/${folder}/${newName}.svg`, 10);
         iconCache.set(newName, module.default);
         iconComponent.value = module.default;
       } catch (_error) {
@@ -35,7 +35,7 @@ const useIcon = ({
   return iconComponent;
 };
 
-const _sfc_main$m = /* @__PURE__ */ defineComponent({
+const _sfc_main$w = /* @__PURE__ */ defineComponent({
   __name: "KdsIcon",
   props: {
     name: {},
@@ -68,205 +68,13 @@ const _export_sfc = (sfc, props) => {
   return target;
 };
 
-const KdsIcon = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__scopeId", "data-v-d965b88c"]]);
-
-const ID_TO_ICON_MAP = {
-  // Flow Variables
-  STRING: "variable-string",
-  LONG: "variable-integer",
-  DOUBLE: "variable-number-double",
-  BOOLEAN: "variable-boolean",
-  INTEGER: "variable-integer",
-  FSLocation: "variable-path",
-  FSLocationSpec: "variable-path",
-  STRINGARRAY: "variable-collection-string",
-  LONGARRAY: "variable-collection-integer",
-  DOUBLEARRAY: "variable-collection-double",
-  BOOLEANARRAY: "variable-collection-boolean",
-  INTARRAY: "variable-collection-integer",
-  CREDENTIALS: "variable-credential",
-  CONDAENVIRONMENT: "variable-conda-environment",
-  UNKNOWN: "variable-unknown",
-  // General
-  "org.knime.core.data.BooleanValue": "boolean-datatype",
-  "org.knime.core.data.DataValue": "unknown-datatype",
-  "org.knime.core.data.DoubleValue": "number-double-datatype",
-  "org.knime.core.data.IntValue": "number-integer-datatype",
-  "org.knime.core.data.LongValue": "number-integer-datatype",
-  "org.knime.core.data.MissingValue": "unknown-datatype",
-  "org.knime.core.data.StringValue": "string-datatype",
-  "org.knime.core.data.collection.ListDataValue": "collection-list-datatype",
-  "org.knime.core.data.collection.SetDataValue": "collection-set-datatype",
-  "org.knime.core.data.vector.doublevector.DoubleVectorValue": "number-double-vector-datatype",
-  "org.knime.core.data.vector.stringvector.StringVectorValue": "string-vector-datatype",
-  "org.knime.filehandling.core.data.location.FSLocationValue": "path-datatype",
-  // Image, Audio & Video
-  "org.knime.audio.data.cell.AudioValue": "audio-datatype",
-  "org.knime.base.data.xml.SvgValue": "image-svg-datatype",
-  "org.knime.core.data.image.png.PNGImageValue": "image-png-datatype",
-  // Date & Time
-  "org.knime.core.data.time.localdate.LocalDateValue": "date-datatype",
-  "org.knime.core.data.time.localdatetime.LocalDateTimeValue": "date-time-local-datatype",
-  "org.knime.core.data.time.localtime.LocalTimeValue": "time-datatype",
-  "org.knime.core.data.time.zoneddatetime.ZonedDateTimeValue": "date-time-zoned-datatype",
-  "org.knime.core.data.time.duration.DurationValue": "duration-time-based-datatype",
-  "org.knime.core.data.time.period.PeriodValue": "duration-date-based-datatype",
-  // Geospatial
-  "org.knime.geospatial.core.data.GeoValue": "geo-datatype",
-  "org.knime.geospatial.core.data.GeoLineValue": "geo-datatype",
-  "org.knime.geospatial.core.data.GeoPointValue": "geo-datatype",
-  "org.knime.geospatial.core.data.GeoPolygonValue": "geo-datatype",
-  "org.knime.geospatial.core.data.GeoCollectionValue": "geo-datatype",
-  "org.knime.geospatial.core.data.GeoMultiLineValue": "geo-datatype",
-  "org.knime.geospatial.core.data.GeoMultiPointValue": "geo-datatype",
-  "org.knime.geospatial.core.data.GeoMultiPolygonValue": "geo-datatype",
-  // Code
-  "org.knime.core.data.blob.BinaryObjectDataValue": "binary-object-datatype",
-  "org.knime.core.data.html.HTMLValue": "xml-datatype",
-  "org.knime.core.data.json.JSONValue": "json-datatype",
-  "org.knime.core.data.uri.URIDataValue": "uri-datatype",
-  "org.knime.core.data.vector.bitvector.BitVectorValue": "bit-byte-vector-datatype",
-  "org.knime.core.data.vector.bitvector.SparseBitVectorValue": "bit-byte-vector-datatype",
-  "org.knime.core.data.vector.bytevector.ByteVectorValue": "bit-byte-vector-datatype",
-  "org.knime.core.data.xml.PMMLValue": "model-pmml-datatype",
-  "org.knime.core.data.xml.XMLValue": "xml-datatype",
-  "org.knime.knip.base.data.labeling.LabelingValue": "labeling-datatype",
-  // Agentic AI
-  "org.knime.ai.core.data.message.MessageValue": "message-datatype",
-  "org.knime.core.node.agentic.tool.WorkflowToolValue": "tool-datatype",
-  // Textprocessing
-  "org.knime.ext.textprocessing.data.DocumentValue": "document-datatype",
-  "org.knime.ext.textprocessing.data.TermValue": "term-datatype",
-  // Network
-  "org.knime.network.core.knime.cell.GraphValue": "subgraph-datatype",
-  // Linear Notations
-  "org.knime.chem.types.InchiValue": "linear-notation-molecule",
-  "org.knime.chem.types.SlnValue": "linear-notation-molecule",
-  "org.knime.chem.types.SmartsValue": "linear-notation-molecule",
-  "org.knime.chem.types.SmilesValue": "linear-notation-molecule",
-  // Molecular file formats
-  "org.knime.chem.types.CtabValue": "molecule",
-  "org.knime.chem.types.MolValue": "molecule",
-  "org.knime.chem.types.Mol2Value": "molecule",
-  "org.knime.chem.types.SdfValue": "molecule",
-  // Biopolymer & sequence representations
-  "org.knime.chem.types.helm.HELMValue": "helm-datatype",
-  // Relation & Process representations
-  "org.knime.chem.types.CMLValue": "test-tube",
-  "org.knime.chem.types.RxnValue": "test-tube",
-  // Visualization & specialized software formats
-  "org.knime.bio.types.PdbValue": "microscope",
-  "org.knime.chem.types.cdx.CDXMLValue": "microscope",
-  "org.rdkit.knime.types.RDKitMolValue": "microscope",
-  "jp.co.infocom.cheminfo.marvin.type.MrvValue": "microscope"
-};
-
-const typeIconNames = [
-  "audio-datatype",
-  "binary-object-datatype",
-  "bit-byte-vector-datatype",
-  "boolean-datatype",
-  "collection-list-datatype",
-  "collection-set-datatype",
-  "date-datatype",
-  "date-time-local-datatype",
-  "date-time-zoned-datatype",
-  "default-extension-datatype",
-  "document-datatype",
-  "duration-date-based-datatype",
-  "duration-time-based-datatype",
-  "geo-datatype",
-  "helm-datatype",
-  "image-png-datatype",
-  "image-svg-datatype",
-  "json-datatype",
-  "labeling-datatype",
-  "linear-notation-molecule",
-  "message-datatype",
-  "microscope",
-  "model-pmml-datatype",
-  "molecule",
-  "number-double-datatype",
-  "number-double-vector-datatype",
-  "number-integer-datatype",
-  "path-datatype",
-  "string-datatype",
-  "string-vector-datatype",
-  "subgraph-datatype",
-  "term-datatype",
-  "test-tube",
-  "time-datatype",
-  "tool-datatype",
-  "unknown-datatype",
-  "uri-datatype",
-  "variable-boolean",
-  "variable-collection-boolean",
-  "variable-collection-double",
-  "variable-collection-integer",
-  "variable-collection-string",
-  "variable-conda-environment",
-  "variable-credential",
-  "variable-integer",
-  "variable-number-double",
-  "variable-path",
-  "variable-string",
-  "variable-unknown",
-  "xml-datatype"
-];
-
-const _hoisted_1$h = ["title"];
-const _sfc_main$l = /* @__PURE__ */ defineComponent({
-  __name: "KdsDataType",
-  props: {
-    iconName: { default: "unknown-datatype" },
-    iconTitle: { default: "Unknown Data Type" },
-    size: { default: "medium" }
-  },
-  setup(__props) {
-    const DATA_TYPE_SIZE_TO_ICON_SIZE = {
-      large: "medium",
-      medium: "small",
-      small: "xsmall"
-    };
-    const props = __props;
-    const iconSize = computed(() => DATA_TYPE_SIZE_TO_ICON_SIZE[props.size]);
-    const isIconName = (value) => typeIconNames.includes(value);
-    const isTypeId = (value) => Object.keys(ID_TO_ICON_MAP).includes(value);
-    const iconName = computed(() => {
-      if (isIconName(props.iconName)) {
-        return props.iconName;
-      }
-      if (isTypeId(props.iconName)) {
-        return ID_TO_ICON_MAP[props.iconName];
-      }
-      return props.iconName.startsWith("org.knime") ? "default-extension-datatype" : "unknown-datatype";
-    });
-    const iconComponent = useIcon({
-      name: iconName,
-      folder: "type-icons"
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["kds-data-type-icon-container", __props.size]),
-        title: props.iconTitle
-      }, [
-        (openBlock(), createBlock(resolveDynamicComponent(unref(iconComponent)), {
-          class: normalizeClass(["kds-icon", "kds-data-type-icon", iconSize.value]),
-          "aria-hidden": "true",
-          focusable: "false"
-        }, null, 8, ["class"]))
-      ], 10, _hoisted_1$h);
-    };
-  }
-});
-
-const KdsDataType = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__scopeId", "data-v-f7d93fdf"]]);
+const KdsIcon = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["__scopeId", "data-v-3a57d423"]]);
 
-const _hoisted_1$g = {
+const _hoisted_1$n = {
   key: 0,
   class: "label"
 };
-const _sfc_main$k = /* @__PURE__ */ defineComponent({
+const _sfc_main$v = /* @__PURE__ */ defineComponent({
   __name: "BaseButton",
   props: {
     size: { default: "medium" },
@@ -325,7 +133,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
               size: iconSize.value
             }, null, 8, ["name", "size"])) : createCommentVNode("", true)
           ], true),
-          props.label ? (openBlock(), createElementBlock("span", _hoisted_1$g, toDisplayString(props.label), 1)) : createCommentVNode("", true),
+          props.label ? (openBlock(), createElementBlock("span", _hoisted_1$n, toDisplayString(props.label), 1)) : createCommentVNode("", true),
           props.trailingIcon && props.label ? (openBlock(), createBlock(KdsIcon, {
             key: 1,
             name: props.trailingIcon,
@@ -338,9 +146,9 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
   }
 });
 
-const BaseButton = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-ab4824cd"]]);
+const BaseButton = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["__scopeId", "data-v-b0f9559f"]]);
 
-const _sfc_main$j = /* @__PURE__ */ defineComponent({
+const _sfc_main$u = /* @__PURE__ */ defineComponent({
   __name: "KdsButton",
   props: {
     size: {},
@@ -393,7 +201,7 @@ const resolveNuxtLinkComponent = () => {
   return fallbackComponent;
 };
 
-const _sfc_main$i = /* @__PURE__ */ defineComponent({
+const _sfc_main$t = /* @__PURE__ */ defineComponent({
   __name: "KdsLinkButton",
   props: {
     size: {},
@@ -433,17 +241,17 @@ function isDefinedAndNotEmpty(obj, field) {
   return isDefined(obj[field]) && obj[field] !== "";
 }
 
-const _hoisted_1$f = { class: "kds-empty-state" };
-const _hoisted_2$6 = { class: "kds-empty-state-headline" };
-const _hoisted_3$4 = {
+const _hoisted_1$m = { class: "kds-empty-state" };
+const _hoisted_2$8 = { class: "kds-empty-state-headline" };
+const _hoisted_3$6 = {
   key: 0,
   class: "kds-empty-state-description"
 };
-const _hoisted_4$3 = {
+const _hoisted_4$4 = {
   key: 1,
   class: "kds-empty-state-action"
 };
-const _sfc_main$h = /* @__PURE__ */ defineComponent({
+const _sfc_main$s = /* @__PURE__ */ defineComponent({
   __name: "KdsEmptyState",
   props: {
     headline: {},
@@ -471,9 +279,9 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
     });
     const buttonType = computed(() => {
       if (isDefinedAndNotEmpty(props, "buttonTo")) {
-        return _sfc_main$i;
+        return _sfc_main$t;
       }
-      return _sfc_main$j;
+      return _sfc_main$u;
     });
     const mapProps = (mappings) => {
       return Object.fromEntries(
@@ -495,7 +303,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
         ["destructive", "buttonDestructive"],
         ["title", "buttonTitle"]
       ]);
-      if (buttonType.value !== _sfc_main$i) {
+      if (buttonType.value !== _sfc_main$t) {
         return baseProps;
       }
       return {
@@ -509,10 +317,10 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
       };
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$f, [
-        createElementVNode("p", _hoisted_2$6, toDisplayString(props.headline), 1),
-        props.description ? (openBlock(), createElementBlock("p", _hoisted_3$4, toDisplayString(props.description), 1)) : createCommentVNode("", true),
-        hasButton.value ? (openBlock(), createElementBlock("div", _hoisted_4$3, [
+      return openBlock(), createElementBlock("div", _hoisted_1$m, [
+        createElementVNode("p", _hoisted_2$8, toDisplayString(props.headline), 1),
+        props.description ? (openBlock(), createElementBlock("p", _hoisted_3$6, toDisplayString(props.description), 1)) : createCommentVNode("", true),
+        hasButton.value ? (openBlock(), createElementBlock("div", _hoisted_4$4, [
           (openBlock(), createBlock(resolveDynamicComponent(buttonType.value), mergeProps(buttonProps.value, {
             onClick: _cache[0] || (_cache[0] = ($event) => emit("buttonClick", $event))
           }), null, 16))
@@ -522,340 +330,430 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
   }
 });
 
-const KdsEmptyState = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-34b52d0e"]]);
-
-const modalLayoutPropsDefault = {
-  title: "",
-  variant: "padded",
-  overflow: "auto",
-  icon: void 0
-};
-const modalPropsDefault = {
-  active: false,
-  height: "auto",
-  width: "medium",
-  closedby: "closerequest",
-  ...modalLayoutPropsDefault
-};
+const KdsEmptyState = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["__scopeId", "data-v-34b52d0e"]]);
 
-const _hoisted_1$e = { class: "modal-header" };
-const _hoisted_2$5 = { class: "modal-header-title" };
-const _hoisted_3$3 = ["data-variant"];
-const _hoisted_4$2 = {
-  key: 0,
-  class: "modal-footer"
-};
-const _sfc_main$g = /* @__PURE__ */ defineComponent({
-  ...{ inheritAttrs: false },
-  __name: "KdsModalLayout",
-  props: /* @__PURE__ */ mergeDefaults({
-    title: {},
-    variant: {},
-    icon: {},
-    overflow: {},
-    onClose: { type: Function }
-  }, modalLayoutPropsDefault),
+const _hoisted_1$l = ["role", "title", "aria-hidden", "aria-label"];
+const _sfc_main$r = /* @__PURE__ */ defineComponent({
+  __name: "KdsColorSwatch",
+  props: {
+    color: {},
+    title: { default: void 0 }
+  },
   setup(__props) {
-    useCssVars((_ctx) => ({
-      "c5a8c866": _ctx.overflow
-    }));
     const props = __props;
+    const typeToTokenColor = {
+      learner: "var(--kds-color-nodes-and-variables-learner)",
+      manipulator: "var(--kds-color-nodes-and-variables-manipulator)",
+      predictor: "var(--kds-color-nodes-and-variables-predictor)",
+      sink: "var(--kds-color-nodes-and-variables-sink)",
+      source: "var(--kds-color-nodes-and-variables-source)",
+      visualizer: "var(--kds-color-nodes-and-variables-visualizer)",
+      other: "var(--kds-color-nodes-and-variables-other)"
+    };
+    const isKdsColorSwatchType = (value) => Object.prototype.hasOwnProperty.call(typeToTokenColor, value);
+    const backgroundColor = computed(() => {
+      if (isKdsColorSwatchType(props.color)) {
+        return typeToTokenColor[props.color];
+      }
+      return props.color;
+    });
+    const accessibleTitle = computed(() => props.title?.trim() ?? "");
+    const hasTitle = computed(() => accessibleTitle.value.length > 0);
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock(Fragment, null, [
-        createElementVNode("header", _hoisted_1$e, [
-          props.icon ? (openBlock(), createBlock(KdsIcon, {
-            key: 0,
-            name: props.icon,
-            size: "medium"
-          }, null, 8, ["name"])) : createCommentVNode("", true),
-          createElementVNode("div", _hoisted_2$5, toDisplayString(props.title), 1),
-          createVNode(_sfc_main$j, {
-            "leading-icon": "x-close",
-            variant: "transparent",
-            size: "medium",
-            title: "Close",
-            onClick: props.onClose
-          }, null, 8, ["onClick"])
-        ]),
-        createElementVNode("div", {
-          class: "modal-body",
-          "data-variant": __props.variant
-        }, [
-          renderSlot(_ctx.$slots, "body", {}, void 0, true)
-        ], 8, _hoisted_3$3),
-        _ctx.$slots.footer ? (openBlock(), createElementBlock("footer", _hoisted_4$2, [
-          renderSlot(_ctx.$slots, "footer", {}, void 0, true)
-        ])) : createCommentVNode("", true)
-      ], 64);
+      return openBlock(), createElementBlock("span", {
+        role: hasTitle.value ? "img" : "presentation",
+        class: "kds-color-swatch",
+        title: hasTitle.value ? accessibleTitle.value : void 0,
+        style: normalizeStyle({ backgroundColor: backgroundColor.value }),
+        "aria-hidden": hasTitle.value ? void 0 : "true",
+        "aria-label": hasTitle.value ? accessibleTitle.value : void 0
+      }, null, 12, _hoisted_1$l);
     };
   }
 });
 
-const KdsModalLayout = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-583e34fe"]]);
+const KdsColorSwatch = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["__scopeId", "data-v-c8fc7e8e"]]);
 
-const _hoisted_1$d = ["closedby"];
-const _sfc_main$f = /* @__PURE__ */ defineComponent({
-  __name: "KdsModal",
-  props: /* @__PURE__ */ mergeDefaults({
-    icon: {},
-    title: {},
-    variant: {},
-    width: {},
-    height: {},
-    active: { type: Boolean },
-    closedby: {},
-    overflow: {}
-  }, modalPropsDefault),
-  emits: ["close", "closed"],
-  setup(__props, { emit: __emit }) {
-    useCssVars((_ctx) => ({
-      "v22ecc8a4": _ctx.overflow
-    }));
+const _hoisted_1$k = ["role", "title", "aria-hidden", "aria-label"];
+const _hoisted_2$7 = ["src"];
+const _hoisted_3$5 = {
+  key: 1,
+  class: "kds-avatar-initials",
+  "aria-hidden": "true"
+};
+const _sfc_main$q = /* @__PURE__ */ defineComponent({
+  __name: "KdsAvatar",
+  props: {
+    initials: {},
+    src: { default: void 0 },
+    title: { default: void 0 }
+  },
+  setup(__props) {
     const props = __props;
-    const emit = __emit;
-    const dialog = useTemplateRef("dialogElement");
-    const onClose = (event) => {
-      emit("close", event);
-    };
+    const imageLoadFailed = ref(false);
     watch(
-      () => props.active,
-      async (active) => {
-        if (active) {
-          await nextTick();
-          dialog.value?.showModal();
-        } else {
-          dialog.value?.close();
-        }
-      },
-      { immediate: true }
+      () => props.src,
+      () => {
+        imageLoadFailed.value = false;
+      }
     );
-    const renderDialog = ref(props.active);
-    const removeDialog = () => {
-      renderDialog.value = false;
-      emit("closed");
+    const shouldShowImage = computed(
+      () => Boolean(props.src) && !imageLoadFailed.value
+    );
+    const onImageError = () => {
+      imageLoadFailed.value = true;
     };
-    watch(
-      () => props.active,
-      (value, lastValue) => {
-        if (value === false && lastValue === true) {
-          if (dialog.value) {
-            Promise.all(
-              dialog.value.getAnimations({ subtree: true }).map((animation) => animation.finished)
-            ).then(removeDialog);
-          } else {
-            removeDialog();
-          }
-        } else {
-          renderDialog.value = value;
-        }
-      }
+    const accessibleTitle = computed(() => props.title?.trim() ?? "");
+    const hasTitle = computed(() => accessibleTitle.value.length > 0);
+    const displayedInitials = computed(
+      () => props.initials.trim().slice(0, 2).toUpperCase()
     );
     return (_ctx, _cache) => {
-      return renderDialog.value ? (openBlock(), createElementBlock("dialog", {
-        key: 0,
-        ref: "dialogElement",
-        class: normalizeClass([
-          "kds-modal",
-          `width-${__props.width}`,
-          `height-${__props.height}`,
-          `overflow-${__props.overflow}`
-        ]),
-        closedby: __props.closedby,
-        onCancel: withModifiers(onClose, ["prevent"])
+      return openBlock(), createElementBlock("div", {
+        class: "kds-avatar",
+        role: hasTitle.value ? "img" : "presentation",
+        title: hasTitle.value ? accessibleTitle.value : void 0,
+        "aria-hidden": !hasTitle.value ? "true" : void 0,
+        "aria-label": hasTitle.value ? accessibleTitle.value : void 0
       }, [
-        renderSlot(_ctx.$slots, "default", {
-          title: __props.title,
-          icon: __props.icon,
-          variant: __props.variant,
-          overflow: __props.overflow,
-          onClose
-        }, () => [
-          createVNode(KdsModalLayout, {
-            title: __props.title,
-            icon: __props.icon,
-            variant: __props.variant,
-            overflow: __props.overflow,
-            onClose
-          }, {
-            body: withCtx(() => [
-              renderSlot(_ctx.$slots, "body", {}, void 0, true)
-            ]),
-            footer: withCtx(() => [
-              renderSlot(_ctx.$slots, "footer", {}, void 0, true)
-            ]),
-            _: 3
-          }, 8, ["title", "icon", "variant", "overflow"])
-        ], true)
-      ], 42, _hoisted_1$d)) : createCommentVNode("", true);
+        shouldShowImage.value ? (openBlock(), createElementBlock("img", {
+          key: 0,
+          class: "kds-avatar-image",
+          src: props.src,
+          alt: "",
+          "aria-hidden": "true",
+          onError: onImageError
+        }, null, 40, _hoisted_2$7)) : (openBlock(), createElementBlock("div", _hoisted_3$5, [
+          createElementVNode("span", null, toDisplayString(displayedInitials.value), 1)
+        ]))
+      ], 8, _hoisted_1$k);
     };
   }
 });
 
-const KdsModal = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-6fc6d7dd"]]);
+const KdsAvatar = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["__scopeId", "data-v-4a34a186"]]);
 
-const _hoisted_1$c = ["id"];
-const _hoisted_2$4 = { class: "subtext-text" };
-const _sfc_main$e = /* @__PURE__ */ defineComponent({
-  __name: "KdsSubText",
+const ID_TO_ICON_MAP = {
+  // Flow Variables
+  STRING: "variable-string",
+  LONG: "variable-integer",
+  DOUBLE: "variable-number-double",
+  BOOLEAN: "variable-boolean",
+  INTEGER: "variable-integer",
+  FSLocation: "variable-path",
+  FSLocationSpec: "variable-path",
+  STRINGARRAY: "variable-collection-string",
+  LONGARRAY: "variable-collection-integer",
+  DOUBLEARRAY: "variable-collection-double",
+  BOOLEANARRAY: "variable-collection-boolean",
+  INTARRAY: "variable-collection-integer",
+  CREDENTIALS: "variable-credential",
+  CONDAENVIRONMENT: "variable-conda-environment",
+  UNKNOWN: "variable-unknown",
+  // General
+  "org.knime.core.data.BooleanValue": "boolean-datatype",
+  "org.knime.core.data.DataValue": "unknown-datatype",
+  "org.knime.core.data.DoubleValue": "number-double-datatype",
+  "org.knime.core.data.IntValue": "number-integer-datatype",
+  "org.knime.core.data.LongValue": "number-integer-datatype",
+  "org.knime.core.data.MissingValue": "unknown-datatype",
+  "org.knime.core.data.StringValue": "string-datatype",
+  "org.knime.core.data.collection.ListDataValue": "collection-list-datatype",
+  "org.knime.core.data.collection.SetDataValue": "collection-set-datatype",
+  "org.knime.core.data.vector.doublevector.DoubleVectorValue": "number-double-vector-datatype",
+  "org.knime.core.data.vector.stringvector.StringVectorValue": "string-vector-datatype",
+  "org.knime.filehandling.core.data.location.FSLocationValue": "path-datatype",
+  // Image, Audio & Video
+  "org.knime.audio.data.cell.AudioValue": "audio-datatype",
+  "org.knime.base.data.xml.SvgValue": "image-svg-datatype",
+  "org.knime.core.data.image.png.PNGImageValue": "image-png-datatype",
+  // Date & Time
+  "org.knime.core.data.time.localdate.LocalDateValue": "date-datatype",
+  "org.knime.core.data.time.localdatetime.LocalDateTimeValue": "date-time-local-datatype",
+  "org.knime.core.data.time.localtime.LocalTimeValue": "time-datatype",
+  "org.knime.core.data.time.zoneddatetime.ZonedDateTimeValue": "date-time-zoned-datatype",
+  "org.knime.core.data.time.duration.DurationValue": "duration-time-based-datatype",
+  "org.knime.core.data.time.period.PeriodValue": "duration-date-based-datatype",
+  // Geospatial
+  "org.knime.geospatial.core.data.GeoValue": "geo-datatype",
+  "org.knime.geospatial.core.data.GeoLineValue": "geo-datatype",
+  "org.knime.geospatial.core.data.GeoPointValue": "geo-datatype",
+  "org.knime.geospatial.core.data.GeoPolygonValue": "geo-datatype",
+  "org.knime.geospatial.core.data.GeoCollectionValue": "geo-datatype",
+  "org.knime.geospatial.core.data.GeoMultiLineValue": "geo-datatype",
+  "org.knime.geospatial.core.data.GeoMultiPointValue": "geo-datatype",
+  "org.knime.geospatial.core.data.GeoMultiPolygonValue": "geo-datatype",
+  // Code
+  "org.knime.core.data.blob.BinaryObjectDataValue": "binary-object-datatype",
+  "org.knime.core.data.html.HTMLValue": "xml-datatype",
+  "org.knime.core.data.json.JSONValue": "json-datatype",
+  "org.knime.core.data.uri.URIDataValue": "uri-datatype",
+  "org.knime.core.data.vector.bitvector.BitVectorValue": "bit-byte-vector-datatype",
+  "org.knime.core.data.vector.bitvector.SparseBitVectorValue": "bit-byte-vector-datatype",
+  "org.knime.core.data.vector.bytevector.ByteVectorValue": "bit-byte-vector-datatype",
+  "org.knime.core.data.xml.PMMLValue": "model-pmml-datatype",
+  "org.knime.core.data.xml.XMLValue": "xml-datatype",
+  "org.knime.knip.base.data.labeling.LabelingValue": "labeling-datatype",
+  // Agentic AI
+  "org.knime.ai.core.data.message.MessageValue": "message-datatype",
+  "org.knime.core.node.agentic.tool.WorkflowToolValue": "tool-datatype",
+  // Textprocessing
+  "org.knime.ext.textprocessing.data.DocumentValue": "document-datatype",
+  "org.knime.ext.textprocessing.data.TermValue": "term-datatype",
+  // Network
+  "org.knime.network.core.knime.cell.GraphValue": "subgraph-datatype",
+  // Linear Notations
+  "org.knime.chem.types.InchiValue": "linear-notation-molecule",
+  "org.knime.chem.types.SlnValue": "linear-notation-molecule",
+  "org.knime.chem.types.SmartsValue": "linear-notation-molecule",
+  "org.knime.chem.types.SmilesValue": "linear-notation-molecule",
+  // Molecular file formats
+  "org.knime.chem.types.CtabValue": "molecule",
+  "org.knime.chem.types.MolValue": "molecule",
+  "org.knime.chem.types.Mol2Value": "molecule",
+  "org.knime.chem.types.SdfValue": "molecule",
+  // Biopolymer & sequence representations
+  "org.knime.chem.types.helm.HELMValue": "helm-datatype",
+  // Relation & Process representations
+  "org.knime.chem.types.CMLValue": "test-tube",
+  "org.knime.chem.types.RxnValue": "test-tube",
+  // Visualization & specialized software formats
+  "org.knime.bio.types.PdbValue": "microscope",
+  "org.knime.chem.types.cdx.CDXMLValue": "microscope",
+  "org.rdkit.knime.types.RDKitMolValue": "microscope",
+  "jp.co.infocom.cheminfo.marvin.type.MrvValue": "microscope"
+};
+
+const typeIconNames = [
+  "audio-datatype",
+  "binary-object-datatype",
+  "bit-byte-vector-datatype",
+  "boolean-datatype",
+  "collection-list-datatype",
+  "collection-set-datatype",
+  "date-datatype",
+  "date-time-local-datatype",
+  "date-time-zoned-datatype",
+  "default-extension-datatype",
+  "document-datatype",
+  "duration-date-based-datatype",
+  "duration-time-based-datatype",
+  "geo-datatype",
+  "helm-datatype",
+  "image-png-datatype",
+  "image-svg-datatype",
+  "json-datatype",
+  "labeling-datatype",
+  "linear-notation-molecule",
+  "message-datatype",
+  "microscope",
+  "model-pmml-datatype",
+  "molecule",
+  "number-double-datatype",
+  "number-double-vector-datatype",
+  "number-integer-datatype",
+  "path-datatype",
+  "string-datatype",
+  "string-vector-datatype",
+  "subgraph-datatype",
+  "term-datatype",
+  "test-tube",
+  "time-datatype",
+  "tool-datatype",
+  "unknown-datatype",
+  "uri-datatype",
+  "variable-boolean",
+  "variable-collection-boolean",
+  "variable-collection-double",
+  "variable-collection-integer",
+  "variable-collection-string",
+  "variable-conda-environment",
+  "variable-credential",
+  "variable-integer",
+  "variable-number-double",
+  "variable-path",
+  "variable-string",
+  "variable-unknown",
+  "xml-datatype"
+];
+
+const _hoisted_1$j = ["title"];
+const _sfc_main$p = /* @__PURE__ */ defineComponent({
+  __name: "KdsDataType",
   props: {
-    id: {},
-    subText: {},
-    error: { type: Boolean, default: false },
-    preserveSubTextSpace: { type: Boolean, default: false }
+    iconName: { default: "unknown-datatype" },
+    iconTitle: { default: "Unknown Data Type" },
+    size: { default: "medium" }
   },
   setup(__props) {
+    const DATA_TYPE_SIZE_TO_ICON_SIZE = {
+      large: "medium",
+      medium: "small",
+      small: "xsmall"
+    };
     const props = __props;
-    return (_ctx, _cache) => {
-      return props.subText || props.preserveSubTextSpace ? (openBlock(), createElementBlock("div", {
-        key: 0,
-        id: props.id,
-        class: normalizeClass({
-          subtext: true,
-          error: props.error
-        })
+    const iconSize = computed(() => DATA_TYPE_SIZE_TO_ICON_SIZE[props.size]);
+    const isIconName = (value) => typeIconNames.includes(value);
+    const isTypeId = (value) => Object.keys(ID_TO_ICON_MAP).includes(value);
+    const iconName = computed(() => {
+      if (isIconName(props.iconName)) {
+        return props.iconName;
+      }
+      if (isTypeId(props.iconName)) {
+        return ID_TO_ICON_MAP[props.iconName];
+      }
+      return props.iconName.startsWith("org.knime") ? "default-extension-datatype" : "unknown-datatype";
+    });
+    const iconComponent = useIcon({
+      name: iconName,
+      folder: "type-icons"
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["kds-data-type-icon-container", __props.size]),
+        title: props.iconTitle
       }, [
-        props.error && props.subText ? (openBlock(), createBlock(KdsIcon, {
-          key: 0,
-          name: "circle-error",
-          size: "small",
-          "aria-label": "Error"
-        })) : createCommentVNode("", true),
-        createElementVNode("span", _hoisted_2$4, toDisplayString(props.subText), 1)
-      ], 10, _hoisted_1$c)) : createCommentVNode("", true);
+        (openBlock(), createBlock(resolveDynamicComponent(unref(iconComponent)), {
+          class: normalizeClass(["kds-icon", "kds-data-type-icon", iconSize.value]),
+          "aria-hidden": "true",
+          focusable: "false"
+        }, null, 8, ["class"]))
+      ], 10, _hoisted_1$j);
     };
   }
 });
 
-const KdsSubText = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-78af6eac"]]);
+const KdsDataType = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-4239a1e3"]]);
 
-const _hoisted_1$b = ["disabled", "title", "aria-label", "aria-checked", "aria-describedby", "aria-invalid"];
-const _hoisted_2$3 = { class: "control" };
-const _hoisted_3$2 = {
-  key: 0,
-  class: "content"
-};
-const _hoisted_4$1 = { class: "label" };
-const _hoisted_5$1 = ["id"];
-const _hoisted_6$1 = {
-  key: 0,
-  class: "subtext-wrapper"
-};
-const _sfc_main$d = /* @__PURE__ */ defineComponent({
-  __name: "BaseCheckbox",
+const _hoisted_1$i = ["data-style"];
+const _sfc_main$o = /* @__PURE__ */ defineComponent({
+  __name: "KdsLoadingSpinner",
+  props: {
+    size: { default: "medium" },
+    variant: { default: "onSurface" }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("svg", {
+        class: normalizeClass(["kds-loading-spinner", __props.size]),
+        "data-style": __props.variant,
+        viewBox: "0 0 120 120"
+      }, [..._cache[0] || (_cache[0] = [
+        createElementVNode("circle", {
+          class: "track",
+          cx: "60",
+          cy: "60",
+          r: "50"
+        }, null, -1),
+        createElementVNode("circle", {
+          class: "loader",
+          cx: "60",
+          cy: "60",
+          r: "50"
+        }, null, -1)
+      ])], 10, _hoisted_1$i);
+    };
+  }
+});
+
+const KdsLoadingSpinner = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__scopeId", "data-v-74bb7c3d"]]);
+
+const _hoisted_1$h = ["disabled", "title", "aria-label", "aria-pressed"];
+const _sfc_main$n = /* @__PURE__ */ defineComponent({
+  __name: "KdsVariableToggleButton",
   props: /* @__PURE__ */ mergeModels({
     disabled: { type: Boolean, default: false },
-    error: { type: Boolean, default: false },
-    subText: {},
-    preserveSubTextSpace: { type: Boolean },
-    label: {},
-    title: {},
-    helperText: {}
+    hidden: { type: Boolean, default: false },
+    inSet: { type: Boolean, default: false },
+    outSet: { type: Boolean, default: false },
+    error: { type: Boolean, default: false }
   }, {
-    "modelValue": { type: [Boolean, String], ...{ default: false } },
+    "modelValue": { type: Boolean, ...{ default: false } },
     "modelModifiers": {}
   }),
   emits: ["update:modelValue"],
   setup(__props) {
     const props = __props;
     const modelValue = useModel(__props, "modelValue");
-    const helperId = useId();
-    const descriptionId = useId();
-    const isChecked = computed(() => modelValue.value === true);
-    const isIndeterminate = computed(() => modelValue.value === "indeterminate");
-    const icon = computed(() => {
-      if (isChecked.value) {
-        return "checkmark";
+    const iconState = computed(() => {
+      if (props.inSet && props.outSet) {
+        return "in-out";
       }
-      if (isIndeterminate.value) {
-        return "minus";
+      if (props.inSet) {
+        return "in";
       }
-      return null;
-    });
-    const ariaChecked = computed(() => {
-      if (isIndeterminate.value) {
-        return "mixed";
+      if (props.outSet) {
+        return "out";
       }
-      return isChecked.value;
+      return "none";
     });
-    const ariaDescribedBy = computed(() => {
-      const ids = [];
-      if (props.helperText) {
-        ids.push(helperId);
-      }
-      if (props.subText) {
-        ids.push(descriptionId);
+    const iconName = computed(() => {
+      switch (iconState.value) {
+        case "in":
+          return "flow-variable-in";
+        case "out":
+          return "flow-variable-out";
+        case "in-out":
+          return "flow-variable-in-out";
+        case "none":
+        default:
+          return "flow-variable-default";
       }
-      return ids.length > 0 ? ids.join(" ") : void 0;
     });
-    const handleClick = () => {
-      if (props.disabled) {
-        return;
-      }
-      modelValue.value = isIndeterminate.value ? true : !isChecked.value;
+    const baseTitleByState = {
+      in: "Input Flow Variable",
+      out: "Output Flow Variable",
+      "in-out": "Input and Output Flow Variable",
+      none: "No Flow Variable set"
+    };
+    const errorTitleByState = {
+      in: "Error in input Flow Variable",
+      out: "Error in output Flow Variable",
+      "in-out": "Error in Flow Variables"
     };
+    const title = computed(() => {
+      const baseTitle = baseTitleByState[iconState.value];
+      if (!props.error) {
+        return baseTitle;
+      }
+      return errorTitleByState[iconState.value] ?? baseTitle;
+    });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", null, [
-        createElementVNode("button", {
-          class: normalizeClass({
-            checkbox: true,
-            checked: isChecked.value,
-            indeterminate: isIndeterminate.value,
-            disabled: props.disabled,
-            error: props.error
-          }),
+      return openBlock(), createElementBlock("button", {
+        class: normalizeClass({
+          "variable-toggle-button": true,
           disabled: props.disabled,
-          title: props.title,
-          "aria-label": props.title,
-          "aria-checked": ariaChecked.value,
-          "aria-describedby": ariaDescribedBy.value,
-          "aria-invalid": props.error,
-          type: "button",
-          role: "checkbox",
-          onClick: handleClick
-        }, [
-          createElementVNode("div", _hoisted_2$3, [
-            icon.value ? (openBlock(), createBlock(KdsIcon, {
-              key: 0,
-              name: icon.value,
-              class: "icon",
-              size: "xsmall"
-            }, null, 8, ["name"])) : createCommentVNode("", true)
-          ]),
-          props.label || props.helperText ? (openBlock(), createElementBlock("div", _hoisted_3$2, [
-            createElementVNode("div", _hoisted_4$1, toDisplayString(props.label), 1),
-            props.helperText ? (openBlock(), createElementBlock("div", {
-              key: 0,
-              id: unref(helperId),
-              class: "helper-text"
-            }, toDisplayString(props.helperText), 9, _hoisted_5$1)) : createCommentVNode("", true)
-          ])) : createCommentVNode("", true)
-        ], 10, _hoisted_1$b),
-        props.subText || props.preserveSubTextSpace ? (openBlock(), createElementBlock("div", _hoisted_6$1, [
-          createVNode(KdsSubText, {
-            id: unref(descriptionId),
-            "sub-text": props.subText,
-            "preserve-sub-text-space": props.preserveSubTextSpace,
-            error: props.error
-          }, null, 8, ["id", "sub-text", "preserve-sub-text-space", "error"])
-        ])) : createCommentVNode("", true)
-      ]);
+          error: props.error,
+          "pressed-or-set": modelValue.value || props.inSet || props.outSet,
+          hidden: props.hidden && !modelValue.value
+        }),
+        disabled: props.disabled,
+        title: title.value,
+        "aria-label": title.value,
+        "aria-pressed": modelValue.value,
+        type: "button",
+        onClick: _cache[0] || (_cache[0] = ($event) => modelValue.value = !modelValue.value)
+      }, [
+        createVNode(KdsIcon, {
+          name: iconName.value,
+          size: "xsmall"
+        }, null, 8, ["name"])
+      ], 10, _hoisted_1$h);
     };
   }
 });
 
-const BaseCheckbox = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-65cb29d7"]]);
+const KdsVariableToggleButton = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-e9ec2634"]]);
 
-const _sfc_main$c = /* @__PURE__ */ defineComponent({
-  __name: "KdsCheckbox",
+const _hoisted_1$g = ["disabled", "aria-pressed"];
+const TITLE = "Click for more information";
+const _sfc_main$m = /* @__PURE__ */ defineComponent({
+  __name: "KdsInfoToggleButton",
   props: /* @__PURE__ */ mergeModels({
     disabled: { type: Boolean, default: false },
-    error: { type: Boolean, default: false },
-    subText: {},
-    preserveSubTextSpace: { type: Boolean, default: false },
-    label: {},
-    title: {}
+    hidden: { type: Boolean, default: false }
   }, {
-    "modelValue": { type: [Boolean, String], ...{ default: false } },
+    "modelValue": { type: Boolean, ...{ default: false } },
     "modelModifiers": {}
   }),
   emits: ["update:modelValue"],
@@ -863,1197 +761,2391 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     const props = __props;
     const modelValue = useModel(__props, "modelValue");
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(BaseCheckbox, {
-        modelValue: modelValue.value,
-        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => modelValue.value = $event),
+      return openBlock(), createElementBlock("button", {
+        class: normalizeClass({
+          "info-toggle-button": true,
+          selected: modelValue.value,
+          disabled: props.disabled,
+          hidden: props.hidden && !modelValue.value
+        }),
         disabled: props.disabled,
-        error: props.error,
-        label: props.label,
-        title: props.title,
-        "sub-text": props.subText,
-        "preserve-sub-text-space": props.preserveSubTextSpace
-      }, null, 8, ["modelValue", "disabled", "error", "label", "title", "sub-text", "preserve-sub-text-space"]);
+        title: TITLE,
+        "aria-label": TITLE,
+        "aria-pressed": modelValue.value,
+        type: "button",
+        onClick: _cache[0] || (_cache[0] = ($event) => modelValue.value = !modelValue.value)
+      }, [
+        createVNode(KdsIcon, {
+          name: "circle-question",
+          size: "xsmall"
+        })
+      ], 10, _hoisted_1$g);
     };
   }
 });
 
-const createUnwrappedPromise = () => {
-  let resolve = () => {
-  };
-  let reject = () => {
-  };
-  const promise = new Promise((res, rej) => {
-    resolve = res;
-    reject = rej;
-  });
-  return { resolve, reject, promise };
-};
+const KdsInfoToggleButton = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__scopeId", "data-v-4b02c8d7"]]);
 
-const defaultCancelButton = {
-  type: "cancel",
-  label: "Cancel"
+const _hoisted_1$f = ["data-visible"];
+const _hoisted_2$6 = ["data-visible"];
+const _sfc_main$l = /* @__PURE__ */ defineComponent({
+  __name: "KdsProgressButton",
+  props: /* @__PURE__ */ mergeModels({
+    size: { default: "medium" },
+    variant: { default: "filled" },
+    disabled: { type: Boolean, default: false },
+    label: {},
+    leadingIcon: {},
+    ariaLabel: {}
+  }, {
+    "state": {
+      default: "default"
+    },
+    "stateModifiers": {}
+  }),
+  emits: /* @__PURE__ */ mergeModels(["click"], ["update:state"]),
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const state = useModel(__props, "state");
+    const iconSize = computed(() => {
+      if (props.size === "xsmall") {
+        return "small";
+      }
+      return props.size;
+    });
+    function onClick(event) {
+      event.preventDefault();
+      if (state.value !== "default") {
+        return;
+      }
+      emit("click", event);
+    }
+    const baseButtonProps = computed(() => ({
+      variant: props.variant,
+      size: props.size,
+      disabled: props.disabled,
+      success: state.value === "success",
+      error: state.value === "error",
+      title: props.ariaLabel,
+      label: props.label,
+      leadingIcon: props.leadingIcon,
+      ariaLabel: props.ariaLabel
+    }));
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(BaseButton, mergeProps(baseButtonProps.value, {
+        class: "kds-progress-button",
+        "data-kds-progress-state": state.value,
+        onClick
+      }), {
+        leading: withCtx(() => [
+          createElementVNode("span", {
+            class: normalizeClass(["leading", iconSize.value])
+          }, [
+            createElementVNode("span", {
+              class: "leading-icon",
+              "data-visible": state.value !== "progress"
+            }, [
+              createVNode(KdsIcon, {
+                name: props.leadingIcon,
+                size: iconSize.value
+              }, null, 8, ["name", "size"])
+            ], 8, _hoisted_1$f),
+            createElementVNode("span", {
+              class: "spinner",
+              "data-visible": state.value === "progress"
+            }, [
+              createVNode(KdsLoadingSpinner, {
+                size: iconSize.value,
+                variant: props.variant === "filled" ? "onPrimary" : "onSurface"
+              }, null, 8, ["size", "variant"])
+            ], 8, _hoisted_2$6)
+          ], 2)
+        ]),
+        _: 1
+      }, 16, ["data-kds-progress-state"]);
+    };
+  }
+});
+
+const KdsProgressButton = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__scopeId", "data-v-209e9133"]]);
+
+const _sfc_main$k = /* @__PURE__ */ defineComponent({
+  __name: "KdsToggleButton",
+  props: /* @__PURE__ */ mergeModels({
+    size: {},
+    disabled: { type: Boolean },
+    title: {},
+    variant: { default: "outlined" },
+    label: {},
+    leadingIcon: {},
+    trailingIcon: {},
+    ariaLabel: {}
+  }, {
+    "modelValue": { type: Boolean, ...{ default: false } },
+    "modelModifiers": {}
+  }),
+  emits: ["update:modelValue"],
+  setup(__props) {
+    const props = __props;
+    const modelValue = useModel(__props, "modelValue");
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(BaseButton, mergeProps(props, {
+        toggled: modelValue.value,
+        "aria-pressed": modelValue.value,
+        onClick: _cache[0] || (_cache[0] = ($event) => modelValue.value = !modelValue.value)
+      }), null, 16, ["toggled", "aria-pressed"]);
+    };
+  }
+});
+
+const _hoisted_1$e = ["id"];
+const _hoisted_2$5 = { class: "subtext-text" };
+const _sfc_main$j = /* @__PURE__ */ defineComponent({
+  __name: "KdsSubText",
+  props: {
+    id: {},
+    subText: {},
+    error: { type: Boolean, default: false },
+    validating: { type: Boolean, default: false },
+    preserveSubTextSpace: { type: Boolean, default: false }
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return props.subText || props.preserveSubTextSpace ? (openBlock(), createElementBlock("div", {
+        key: 0,
+        id: props.id,
+        class: normalizeClass({
+          subtext: true,
+          error: props.error
+        })
+      }, [
+        props.error && props.subText ? (openBlock(), createBlock(KdsIcon, {
+          key: 0,
+          name: "circle-error",
+          size: "small",
+          "aria-label": "Error"
+        })) : props.validating && props.subText ? (openBlock(), createBlock(KdsLoadingSpinner, {
+          key: 1,
+          size: "small",
+          variant: "onSurface",
+          "aria-hidden": "true"
+        })) : createCommentVNode("", true),
+        createElementVNode("span", _hoisted_2$5, toDisplayString(props.subText), 1)
+      ], 10, _hoisted_1$e)) : createCommentVNode("", true);
+    };
+  }
+});
+
+const KdsSubText = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-58a95aa3"]]);
+
+const _hoisted_1$d = ["disabled", "title", "aria-label", "aria-checked", "aria-describedby", "aria-invalid"];
+const _hoisted_2$4 = { class: "control" };
+const _hoisted_3$4 = {
+  key: 0,
+  class: "content"
 };
-const defaultConfirmButton = {
-  type: "confirm",
-  label: "Confirm"
+const _hoisted_4$3 = { class: "label" };
+const _hoisted_5$1 = ["id"];
+const _hoisted_6$1 = {
+  key: 0,
+  class: "subtext-wrapper"
 };
-const isActive = ref(false);
-const activeModalConfig = ref(null);
-const unwrappedPromise = ref(createUnwrappedPromise());
-const resetInternalState = () => {
-  isActive.value = false;
-  unwrappedPromise.value = createUnwrappedPromise();
+const _sfc_main$i = /* @__PURE__ */ defineComponent({
+  __name: "BaseCheckbox",
+  props: /* @__PURE__ */ mergeModels({
+    disabled: { type: Boolean, default: false },
+    error: { type: Boolean, default: false },
+    subText: {},
+    preserveSubTextSpace: { type: Boolean },
+    label: {},
+    title: {},
+    helperText: {}
+  }, {
+    "modelValue": { type: [Boolean, String], ...{ default: false } },
+    "modelModifiers": {}
+  }),
+  emits: ["update:modelValue"],
+  setup(__props) {
+    const props = __props;
+    const modelValue = useModel(__props, "modelValue");
+    const helperId = useId();
+    const descriptionId = useId();
+    const isChecked = computed(() => modelValue.value === true);
+    const isIndeterminate = computed(() => modelValue.value === "indeterminate");
+    const icon = computed(() => {
+      if (isChecked.value) {
+        return "checkmark";
+      }
+      if (isIndeterminate.value) {
+        return "minus";
+      }
+      return null;
+    });
+    const ariaChecked = computed(() => {
+      if (isIndeterminate.value) {
+        return "mixed";
+      }
+      return isChecked.value;
+    });
+    const ariaDescribedBy = computed(() => {
+      const ids = [];
+      if (props.helperText) {
+        ids.push(helperId);
+      }
+      if (props.subText) {
+        ids.push(descriptionId);
+      }
+      return ids.length > 0 ? ids.join(" ") : void 0;
+    });
+    const handleClick = () => {
+      if (props.disabled) {
+        return;
+      }
+      modelValue.value = isIndeterminate.value ? true : !isChecked.value;
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", null, [
+        createElementVNode("button", {
+          class: normalizeClass({
+            checkbox: true,
+            checked: isChecked.value,
+            indeterminate: isIndeterminate.value,
+            disabled: props.disabled,
+            error: props.error
+          }),
+          disabled: props.disabled,
+          title: props.title,
+          "aria-label": props.title,
+          "aria-checked": ariaChecked.value,
+          "aria-describedby": ariaDescribedBy.value,
+          "aria-invalid": props.error,
+          type: "button",
+          role: "checkbox",
+          onClick: handleClick
+        }, [
+          createElementVNode("div", _hoisted_2$4, [
+            icon.value ? (openBlock(), createBlock(KdsIcon, {
+              key: 0,
+              name: icon.value,
+              class: "icon",
+              size: "xsmall"
+            }, null, 8, ["name"])) : createCommentVNode("", true)
+          ]),
+          props.label || props.helperText ? (openBlock(), createElementBlock("div", _hoisted_3$4, [
+            createElementVNode("div", _hoisted_4$3, toDisplayString(props.label), 1),
+            props.helperText ? (openBlock(), createElementBlock("div", {
+              key: 0,
+              id: unref(helperId),
+              class: "helper-text"
+            }, toDisplayString(props.helperText), 9, _hoisted_5$1)) : createCommentVNode("", true)
+          ])) : createCommentVNode("", true)
+        ], 10, _hoisted_1$d),
+        props.subText || props.preserveSubTextSpace ? (openBlock(), createElementBlock("div", _hoisted_6$1, [
+          createVNode(KdsSubText, {
+            id: unref(descriptionId),
+            "sub-text": props.subText,
+            "preserve-sub-text-space": props.preserveSubTextSpace,
+            error: props.error
+          }, null, 8, ["id", "sub-text", "preserve-sub-text-space", "error"])
+        ])) : createCommentVNode("", true)
+      ]);
+    };
+  }
+});
+
+const BaseCheckbox = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-3751dc60"]]);
+
+const _sfc_main$h = /* @__PURE__ */ defineComponent({
+  __name: "KdsCheckbox",
+  props: /* @__PURE__ */ mergeModels({
+    disabled: { type: Boolean, default: false },
+    error: { type: Boolean, default: false },
+    subText: {},
+    preserveSubTextSpace: { type: Boolean, default: false },
+    label: {},
+    title: {}
+  }, {
+    "modelValue": { type: [Boolean, String], ...{ default: false } },
+    "modelModifiers": {}
+  }),
+  emits: ["update:modelValue"],
+  setup(__props) {
+    const props = __props;
+    const modelValue = useModel(__props, "modelValue");
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(BaseCheckbox, {
+        modelValue: modelValue.value,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => modelValue.value = $event),
+        disabled: props.disabled,
+        error: props.error,
+        label: props.label,
+        title: props.title,
+        "sub-text": props.subText,
+        "preserve-sub-text-space": props.preserveSubTextSpace
+      }, null, 8, ["modelValue", "disabled", "error", "label", "title", "sub-text", "preserve-sub-text-space"]);
+    };
+  }
+});
+
+const KDS_DARK_MODE_STORAGE_KEY = "KNIME_DARK_MODE";
+const defaultMode = "light";
+const useKdsDarkMode = () => {
+  const userPreference = useLocalStorage(
+    KDS_DARK_MODE_STORAGE_KEY,
+    defaultMode
+  );
+  const isDark = useDark({
+    storageKey: `${KDS_DARK_MODE_STORAGE_KEY}_EFFECTIVE`,
+    initialValue: defaultMode,
+    onChanged: (isDarkValue) => {
+      let cssMode, themeValue;
+      if (userPreference.value === "system") {
+        cssMode = "light dark";
+        themeValue = "system";
+      } else {
+        cssMode = themeValue = isDarkValue ? "dark" : "light";
+      }
+      document.documentElement.style.setProperty("color-scheme", cssMode);
+      document.documentElement.dataset.theme = themeValue;
+    }
+  });
+  const systemPrefersDark = usePreferredDark();
+  watch(
+    [userPreference, systemPrefersDark],
+    ([preference, systemDark]) => {
+      if (preference === "system") {
+        isDark.value = systemDark;
+      } else {
+        isDark.value = preference === "dark";
+      }
+    },
+    { immediate: true }
+  );
+  const currentMode = computed({
+    get() {
+      return userPreference.value;
+    },
+    set(value) {
+      userPreference.value = value;
+    }
+  });
+  const isDarkMode = computed(() => {
+    return userPreference.value === "dark";
+  });
+  const isLightMode = computed(() => {
+    return userPreference.value === "light";
+  });
+  const isSystemMode = computed(() => userPreference.value === "system");
+  return {
+    /** Exposes a writable computed ref to get the current dark mode but also use it in e.g. a v-model to set it */
+    currentMode,
+    /** Whether or not the current user preference is dark. Note, if the preference is set to 'system' it will return false. */
+    isDarkMode,
+    /** Whether or not the current user preference is light. Note, if the preference is set to 'system' it will return false. */
+    isLightMode,
+    /** Whether or not the current user preference is set to 'system'. */
+    isSystemMode
+  };
 };
-const onClosed = () => {
-  activeModalConfig.value = null;
+
+const legacyMode = ref(false);
+const useKdsLegacyMode = (initialValue = false) => {
+  if (legacyMode.value !== initialValue) {
+    legacyMode.value = initialValue;
+  }
+  watch(
+    () => legacyMode.value,
+    (newValue) => {
+      document.documentElement.classList.toggle("kds-legacy", newValue);
+    },
+    { immediate: true }
+  );
+  return {
+    /** Writable ref to get and/or set the legacy mode; can also be used with v-model */
+    legacyMode
+  };
 };
-const confirm = (doNotAskAgain = false) => {
-  unwrappedPromise.value.resolve({
-    confirmed: true,
-    doNotAskAgain
+
+function elementOverflowsHorizontally(element) {
+  if (!element) {
+    return false;
+  }
+  return element.scrollWidth > element.clientWidth;
+}
+function useKdsIsTruncated(elementRef) {
+  const isTruncated = ref(false);
+  useResizeObserver(elementRef, () => {
+    isTruncated.value = elementOverflowsHorizontally(elementRef.value);
   });
-  resetInternalState();
-};
-const close = () => {
-  const isConfirm = activeModalConfig.value?.type === "confirm";
-  unwrappedPromise.value.resolve(isConfirm ? { confirmed: false } : void 0);
-  resetInternalState();
-};
-const isTemplateBasedConfirm = (config) => {
-  return "component" in config;
+  return { isTruncated };
+}
+
+const _hoisted_1$c = ["id", "for", "title"];
+const _sfc_main$g = /* @__PURE__ */ defineComponent({
+  __name: "KdsLabel",
+  props: {
+    label: {},
+    id: {},
+    for: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const labelEl = ref(null);
+    const { isTruncated } = useKdsIsTruncated(labelEl);
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("label", {
+        id: props.id,
+        ref_key: "labelEl",
+        ref: labelEl,
+        for: props.for,
+        class: "label",
+        title: unref(isTruncated) ? props.label : void 0
+      }, toDisplayString(props.label), 9, _hoisted_1$c);
+    };
+  }
+});
+
+const KdsLabel = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-174d476a"]]);
+
+const _hoisted_1$b = ["id", "aria-labelledby", "aria-describedby"];
+const _sfc_main$f = /* @__PURE__ */ defineComponent({
+  __name: "KdsCheckboxGroup",
+  props: /* @__PURE__ */ mergeModels({
+    id: {},
+    label: {},
+    possibleValues: {},
+    alignment: { default: "vertical" },
+    disabled: { type: Boolean, default: false },
+    error: { type: Boolean, default: false },
+    subText: {},
+    preserveSubTextSpace: { type: Boolean }
+  }, {
+    "modelValue": { default: [] },
+    "modelModifiers": {}
+  }),
+  emits: ["update:modelValue"],
+  setup(__props) {
+    const props = __props;
+    const modelValue = useModel(__props, "modelValue");
+    const possibleValues = computed(
+      () => props.possibleValues.map((o) => {
+        if (typeof o === "string") {
+          return { text: o, id: o };
+        }
+        return o;
+      })
+    );
+    const labelId = useId();
+    const descriptionId = useId();
+    const isOptionDisabled = (index) => props.disabled || possibleValues.value[index]?.disabled === true;
+    const isHorizontal = computed(() => props.alignment === "horizontal");
+    const hasError = computed(
+      () => props.error || possibleValues.value.some((o) => o.error)
+    );
+    const isChecked = (id) => modelValue.value.includes(id);
+    const handleCheckboxChange = (index, checked) => {
+      if (isOptionDisabled(index)) {
+        return;
+      }
+      const option = possibleValues.value[index];
+      if (checked === true) {
+        modelValue.value = [...modelValue.value, option.id];
+        return;
+      }
+      modelValue.value = modelValue.value.filter((v) => v !== option.id);
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        id: props.id,
+        class: "checkbox-group",
+        role: "group",
+        "aria-labelledby": props.label ? unref(labelId) : void 0,
+        "aria-describedby": props.subText ? unref(descriptionId) : void 0
+      }, [
+        props.label ? (openBlock(), createBlock(KdsLabel, {
+          key: 0,
+          id: unref(labelId),
+          label: props.label
+        }, null, 8, ["id", "label"])) : createCommentVNode("", true),
+        createElementVNode("div", {
+          class: normalizeClass({ options: true, horizontal: isHorizontal.value })
+        }, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(possibleValues.value, (option, index) => {
+            return openBlock(), createElementBlock("div", {
+              key: option.id,
+              class: "option"
+            }, [
+              createVNode(BaseCheckbox, {
+                disabled: props.disabled || option.disabled,
+                error: option.error,
+                "helper-text": option.helperText,
+                label: option.text,
+                "model-value": isChecked(option.id),
+                "onUpdate:modelValue": (checked) => handleCheckboxChange(index, checked)
+              }, null, 8, ["disabled", "error", "helper-text", "label", "model-value", "onUpdate:modelValue"])
+            ]);
+          }), 128))
+        ], 2),
+        createVNode(KdsSubText, {
+          id: unref(descriptionId),
+          "sub-text": props.subText,
+          "preserve-sub-text-space": props.preserveSubTextSpace,
+          error: hasError.value
+        }, null, 8, ["id", "sub-text", "preserve-sub-text-space", "error"])
+      ], 8, _hoisted_1$b);
+    };
+  }
+});
+
+const KdsCheckboxGroup = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-538e7d4c"]]);
+
+const _hoisted_1$a = ["aria-checked", "aria-describedby", "aria-invalid", "disabled"];
+const _hoisted_2$3 = { class: "control" };
+const _hoisted_3$3 = {
+  key: 0,
+  class: "dot",
+  viewBox: "0 0 2 2",
+  "aria-hidden": "true",
+  focusable: "false"
 };
-const updateConfig = (config) => {
-  if (!isActive.value || !activeModalConfig.value || activeModalConfig.value.type === "confirm") {
-    consola.warn("useKdsDynamicModal: invalid invocation of updateConfig");
-    return;
+const _hoisted_4$2 = { class: "content" };
+const _hoisted_5 = { class: "label" };
+const _hoisted_6 = ["id"];
+const _sfc_main$e = /* @__PURE__ */ defineComponent({
+  __name: "KdsRadioButton",
+  props: /* @__PURE__ */ mergeModels({
+    text: {},
+    helperText: {},
+    disabled: { type: Boolean, default: false },
+    error: { type: Boolean, default: false }
+  }, {
+    "modelValue": { type: Boolean, ...{ default: false } },
+    "modelModifiers": {}
+  }),
+  emits: ["update:modelValue"],
+  setup(__props) {
+    const props = __props;
+    const modelValue = useModel(__props, "modelValue");
+    const id = useId();
+    const handleClick = () => {
+      if (props.disabled) {
+        return;
+      }
+      if (!modelValue.value) {
+        modelValue.value = true;
+      }
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("button", {
+        "aria-checked": modelValue.value,
+        "aria-describedby": props.helperText ? `${unref(id)}-helper` : void 0,
+        "aria-invalid": props.error,
+        class: normalizeClass({
+          radio: true,
+          selected: modelValue.value,
+          disabled: props.disabled,
+          error: props.error
+        }),
+        disabled: props.disabled,
+        role: "radio",
+        type: "button",
+        onClick: handleClick
+      }, [
+        createElementVNode("div", _hoisted_2$3, [
+          modelValue.value ? (openBlock(), createElementBlock("svg", _hoisted_3$3, [..._cache[0] || (_cache[0] = [
+            createElementVNode("circle", {
+              cx: "1",
+              cy: "1",
+              r: "1"
+            }, null, -1)
+          ])])) : createCommentVNode("", true)
+        ]),
+        createElementVNode("div", _hoisted_4$2, [
+          createElementVNode("div", _hoisted_5, toDisplayString(props.text), 1),
+          props.helperText ? (openBlock(), createElementBlock("div", {
+            key: 0,
+            id: `${unref(id)}-helper`,
+            class: "helper-text"
+          }, toDisplayString(props.helperText), 9, _hoisted_6)) : createCommentVNode("", true)
+        ])
+      ], 10, _hoisted_1$a);
+    };
   }
-  activeModalConfig.value.value = {
-    ...activeModalConfig.value.value,
-    ...config
+});
+
+const KdsRadioButton = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-a7490a52"]]);
+
+const useRadioSelection = ({
+  selectedId,
+  options,
+  globalDisable,
+  globalError,
+  optionContainer
+}) => {
+  const focusOptionAtIndex = (index) => {
+    const radios = optionContainer?.value?.querySelectorAll(
+      'button[role="radio"]'
+    );
+    radios?.[index]?.focus();
   };
-};
-const internal = {
-  confirm,
-  close,
-  isTemplateBasedConfirm,
-  onClosed,
-  updateConfig
-};
-const useKdsDynamicModal = () => {
-  function askConfirmation(config) {
-    activeModalConfig.value = {
-      type: "confirm",
-      value: {
-        buttons: [defaultCancelButton, defaultConfirmButton],
-        ...config
+  const isIndexDisabled = (index) => globalDisable?.value || options.value[index]?.disabled === true;
+  const hasError = computed(
+    () => globalError?.value || options.value.some((o) => o.error)
+  );
+  const selectedIndex = computed(
+    () => options.value.findIndex((o) => o.id === selectedId.value)
+  );
+  const firstEnabledIndex = computed(
+    () => options.value.findIndex((_, index) => !isIndexDisabled(index))
+  );
+  const tabIndexForOption = (index) => {
+    if (isIndexDisabled(index)) {
+      return void 0;
+    }
+    if (selectedIndex.value >= 0) {
+      return selectedIndex.value === index ? 0 : -1;
+    }
+    return firstEnabledIndex.value === index ? 0 : -1;
+  };
+  const selectIndex = (index) => {
+    if (isIndexDisabled(index)) {
+      return;
+    }
+    selectedId.value = options.value[index]?.id;
+  };
+  const nextEnabledIndex = (startIndex, direction) => {
+    const total = options.value.length;
+    if (total === 0) {
+      return -1;
+    }
+    let index = startIndex;
+    for (let i = 0; i < total; i++) {
+      index = (index + direction + total) % total;
+      if (!isIndexDisabled(index)) {
+        return index;
       }
-    };
-    isActive.value = true;
-    return unwrappedPromise.value.promise;
-  }
-  const showByTemplate = (config) => {
-    activeModalConfig.value = {
-      type: "dynamic",
-      value: config
-    };
-    isActive.value = true;
-    return unwrappedPromise.value.promise;
+    }
+    return -1;
   };
-  return {
-    askConfirmation,
-    showByTemplate,
-    config: computed(() => activeModalConfig.value),
-    isActive: computed(() => isActive.value),
-    close: () => internal.close()
+  const moveSelection = (currentIndex, direction) => {
+    const nextIndex = nextEnabledIndex(currentIndex, direction);
+    if (nextIndex < 0) {
+      return;
+    }
+    selectIndex(nextIndex);
+    focusOptionAtIndex(nextIndex);
   };
-};
-
-const _hoisted_1$a = {
-  key: 1,
-  class: "confirmation"
-};
-const _hoisted_2$2 = { class: "message" };
-const _hoisted_3$1 = {
-  key: 0,
-  class: "ask-again"
-};
-const _sfc_main$b = /* @__PURE__ */ defineComponent({
-  __name: "KdsDynamicModalProvider",
-  setup(__props) {
-    const askAgain = ref(false);
-    const { config, isActive } = useKdsDynamicModal();
-    const reset = () => {
-      askAgain.value = false;
-    };
-    const onConfirm = () => {
-      internal.confirm(askAgain.value);
-      reset();
-    };
-    const onClose = () => {
-      internal.close();
-      reset();
-    };
-    const handleConfirmButton = (button) => {
-      if (!button.customHandler) {
-        const handler = button.type === "cancel" ? onClose : onConfirm;
-        handler();
+  const goToFirstEnabled = () => {
+    const nextIndex = firstEnabledIndex.value;
+    if (nextIndex < 0) {
+      return;
+    }
+    selectIndex(nextIndex);
+    focusOptionAtIndex(nextIndex);
+  };
+  const goToLastEnabled = () => {
+    for (let i = options.value.length - 1; i >= 0; i--) {
+      if (!isIndexDisabled(i)) {
+        selectIndex(i);
+        focusOptionAtIndex(i);
+        break;
+      }
+    }
+  };
+  const handleKeyDown = (event, currentIndex) => {
+    if (globalDisable?.value) {
+      return;
+    }
+    switch (event.key) {
+      case "ArrowDown":
+      case "ArrowRight": {
+        event.preventDefault();
+        moveSelection(currentIndex, 1);
         return;
       }
-      if (button.type === "cancel") {
-        button.customHandler({ cancel: onClose });
+      case "ArrowUp":
+      case "ArrowLeft": {
+        event.preventDefault();
+        moveSelection(currentIndex, -1);
+        return;
       }
-      if (button.type === "confirm") {
-        button.customHandler({ confirm: onConfirm });
+      case "Home": {
+        event.preventDefault();
+        goToFirstEnabled();
+        return;
       }
-    };
-    const defaultVariant = (type) => type === "cancel" ? "transparent" : "filled";
-    const kdsModalProps = computed(() => {
-      if (!config.value) {
-        return {};
+      case "End": {
+        event.preventDefault();
+        goToLastEnabled();
+        return;
       }
-      const { icon, title, height, width, variant, overflow, closedby } = config.value.value;
-      return {
-        icon,
-        title,
-        height,
-        width,
-        variant,
-        overflow,
-        closedby,
-        onClose,
-        onClosed: internal.onClosed,
-        active: isActive.value
-      };
+      case " ":
+      case "Enter": {
+        event.preventDefault();
+        selectIndex(currentIndex);
+      }
+    }
+  };
+  return {
+    hasError,
+    selectedIndex,
+    tabIndexForOption,
+    handleClick: selectIndex,
+    handleKeyDown
+  };
+};
+
+const _hoisted_1$9 = ["id", "aria-labelledby", "aria-describedby"];
+const _sfc_main$d = /* @__PURE__ */ defineComponent({
+  __name: "KdsRadioButtonGroup",
+  props: /* @__PURE__ */ mergeModels({
+    id: {},
+    label: {},
+    possibleValues: {},
+    alignment: { default: "vertical" },
+    disabled: { type: Boolean, default: false },
+    subText: {},
+    preserveSubTextSpace: { type: Boolean }
+  }, {
+    "modelValue": {},
+    "modelModifiers": {}
+  }),
+  emits: ["update:modelValue"],
+  setup(__props) {
+    const props = __props;
+    const modelValue = useModel(__props, "modelValue");
+    const options = computed(
+      () => props.possibleValues.map((o) => {
+        if (typeof o === "string") {
+          return { text: o, id: o };
+        }
+        return o;
+      })
+    );
+    const labelId = useId();
+    const descriptionId = useId();
+    const groupName = useId();
+    const optionContainer = ref(null);
+    const { tabIndexForOption, handleClick, handleKeyDown, hasError } = useRadioSelection({
+      selectedId: modelValue,
+      options,
+      globalDisable: computed(() => props.disabled),
+      optionContainer
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(KdsModal, mergeProps({ class: "confirm-modal" }, kdsModalProps.value), createSlots({ _: 2 }, [
-        unref(config)?.type === "confirm" ? {
-          name: "body",
-          fn: withCtx(() => [
-            unref(internal).isTemplateBasedConfirm(unref(config).value) ? (openBlock(), createBlock(resolveDynamicComponent(unref(config).value.component), { key: 0 })) : (openBlock(), createElementBlock("div", _hoisted_1$a, [
-              createElementVNode("div", _hoisted_2$2, toDisplayString(unref(config).value.message), 1),
-              unref(config).value.doNotAskAgain ? (openBlock(), createElementBlock("div", _hoisted_3$1, [
-                createVNode(_sfc_main$c, {
-                  modelValue: askAgain.value,
-                  "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => askAgain.value = $event),
-                  label: unref(config).value.doNotAskAgain.label,
-                  "sub-text": unref(config).value.doNotAskAgain.subText
-                }, null, 8, ["modelValue", "label", "sub-text"])
-              ])) : createCommentVNode("", true)
-            ]))
-          ]),
-          key: "0"
-        } : void 0,
-        unref(config)?.type === "confirm" ? {
-          name: "footer",
-          fn: withCtx(() => [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(unref(config).value.buttons, (button, index) => {
-              return openBlock(), createBlock(_sfc_main$j, {
-                key: index,
-                destructive: button.destructive,
-                autofocus: button.autofocus,
-                label: button.label,
-                variant: button.variant ?? defaultVariant(button.type),
-                class: normalizeClass({ "flush-left": button.flushLeft }),
-                "data-test-id": `${button.type}-button`,
-                onClick: ($event) => handleConfirmButton(button)
-              }, null, 8, ["destructive", "autofocus", "label", "variant", "class", "data-test-id", "onClick"]);
-            }), 128))
-          ]),
-          key: "1"
-        } : void 0,
-        unref(config)?.type === "dynamic" ? {
-          name: "default",
-          fn: withCtx((slotProps) => [
-            (openBlock(), createBlock(resolveDynamicComponent(unref(config).value.component), normalizeProps(guardReactiveProps({
-              ...slotProps,
-              context: unref(config).value.context,
-              updateConfig: unref(internal).updateConfig
-            })), null, 16))
-          ]),
-          key: "2"
-        } : void 0
-      ]), 1040);
+      return openBlock(), createElementBlock("div", {
+        id: props.id,
+        class: "radio-button-group",
+        role: "radiogroup",
+        "aria-labelledby": props.label ? unref(labelId) : void 0,
+        "aria-describedby": props.subText ? unref(descriptionId) : void 0
+      }, [
+        props.label ? (openBlock(), createBlock(KdsLabel, {
+          key: 0,
+          id: unref(labelId),
+          label: props.label
+        }, null, 8, ["id", "label"])) : createCommentVNode("", true),
+        createElementVNode("div", {
+          ref_key: "optionContainer",
+          ref: optionContainer,
+          class: normalizeClass({ options: true, horizontal: props.alignment === "horizontal" })
+        }, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(options.value, (option, index) => {
+            return openBlock(), createElementBlock("div", {
+              key: option.id,
+              class: "option"
+            }, [
+              createVNode(KdsRadioButton, {
+                disabled: props.disabled || option.disabled,
+                error: option.error,
+                "helper-text": option.helperText,
+                text: option.text,
+                "model-value": modelValue.value === option.id,
+                tabindex: unref(tabIndexForOption)(index),
+                name: unref(groupName),
+                onKeydown: (e) => unref(handleKeyDown)(e, index),
+                "onUpdate:modelValue": () => unref(handleClick)(index)
+              }, null, 8, ["disabled", "error", "helper-text", "text", "model-value", "tabindex", "name", "onKeydown", "onUpdate:modelValue"])
+            ]);
+          }), 128))
+        ], 2),
+        createVNode(KdsSubText, {
+          id: unref(descriptionId),
+          "sub-text": props.subText,
+          "preserve-sub-text-space": props.preserveSubTextSpace,
+          error: unref(hasError)
+        }, null, 8, ["id", "sub-text", "preserve-sub-text-space", "error"])
+      ], 8, _hoisted_1$9);
     };
   }
 });
 
-const KdsDynamicModalProvider = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-c0769cfd"]]);
+const KdsRadioButtonGroup = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-b0e27ba1"]]);
 
-const _hoisted_1$9 = ["data-style"];
-const _sfc_main$a = /* @__PURE__ */ defineComponent({
-  __name: "KdsLoadingSpinner",
+const _hoisted_1$8 = ["aria-checked", "aria-label", "disabled", "tabindex", "title"];
+const _sfc_main$c = /* @__PURE__ */ defineComponent({
+  __name: "ValueSwitchItem",
   props: {
+    selected: { type: Boolean },
+    disabled: { type: Boolean, default: false },
     size: { default: "medium" },
-    style: { default: "onSurface" }
+    variant: { default: "default" },
+    tabIndex: { default: void 0 },
+    hideIcons: { type: Boolean },
+    text: {},
+    leadingIcon: {},
+    trailingIcon: {},
+    title: {}
   },
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("svg", {
-        class: normalizeClass(["kds-loading-spinner", __props.size]),
-        "data-style": __props.style,
-        viewBox: "0 0 120 120"
-      }, [..._cache[0] || (_cache[0] = [
-        createElementVNode("circle", {
-          class: "track",
-          cx: "60",
-          cy: "60",
-          r: "50"
-        }, null, -1),
-        createElementVNode("circle", {
-          class: "loader",
-          cx: "60",
-          cy: "60",
-          r: "50"
-        }, null, -1)
-      ])], 10, _hoisted_1$9);
-    };
-  }
-});
-
-const KdsLoadingSpinner = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-13c830ad"]]);
-
-const _hoisted_1$8 = ["disabled", "title", "aria-label", "aria-pressed"];
-const _sfc_main$9 = /* @__PURE__ */ defineComponent({
-  __name: "KdsVariableToggleButton",
-  props: /* @__PURE__ */ mergeModels({
-    disabled: { type: Boolean, default: false },
-    hidden: { type: Boolean, default: false },
-    inSet: { type: Boolean, default: false },
-    outSet: { type: Boolean, default: false },
-    error: { type: Boolean, default: false }
-  }, {
-    "modelValue": { type: Boolean, ...{ default: false } },
-    "modelModifiers": {}
-  }),
-  emits: ["update:modelValue"],
   setup(__props) {
     const props = __props;
-    const modelValue = useModel(__props, "modelValue");
-    const iconState = computed(() => {
-      if (props.inSet && props.outSet) {
-        return "in-out";
-      }
-      if (props.inSet) {
-        return "in";
-      }
-      if (props.outSet) {
-        return "out";
-      }
-      return "none";
-    });
-    const iconName = computed(() => {
-      switch (iconState.value) {
-        case "in":
-          return "flow-variable-in";
-        case "out":
-          return "flow-variable-out";
-        case "in-out":
-          return "flow-variable-in-out";
-        case "none":
-        default:
-          return "flow-variable-default";
-      }
-    });
-    const baseTitleByState = {
-      in: "Input Flow Variable",
-      out: "Output Flow Variable",
-      "in-out": "Input and Output Flow Variable",
-      none: "No Flow Variable set"
-    };
-    const errorTitleByState = {
-      in: "Error in input Flow Variable",
-      out: "Error in output Flow Variable",
-      "in-out": "Error in Flow Variables"
-    };
-    const title = computed(() => {
-      const baseTitle = baseTitleByState[iconState.value];
-      if (!props.error) {
-        return baseTitle;
-      }
-      return errorTitleByState[iconState.value] ?? baseTitle;
-    });
+    const optionTextEl = ref(null);
+    const { isTruncated } = useKdsIsTruncated(optionTextEl);
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("button", {
+        role: "radio",
+        "aria-checked": props.selected,
+        "aria-label": props.text ? void 0 : props.title,
         class: normalizeClass({
-          "variable-toggle-button": true,
+          option: true,
+          selected: props.selected,
           disabled: props.disabled,
-          error: props.error,
-          "pressed-or-set": modelValue.value || props.inSet || props.outSet,
-          hidden: props.hidden && !modelValue.value
+          "variant-muted": props.variant === "muted",
+          "size-small": props.size === "small"
         }),
         disabled: props.disabled,
-        title: title.value,
-        "aria-label": title.value,
-        "aria-pressed": modelValue.value,
-        type: "button",
-        onClick: _cache[0] || (_cache[0] = ($event) => modelValue.value = !modelValue.value)
+        tabindex: props.tabIndex,
+        title: props.title ?? (unref(isTruncated) && props.text ? props.text : void 0)
       }, [
-        createVNode(KdsIcon, {
-          name: iconName.value,
-          size: "xsmall"
-        }, null, 8, ["name"])
+        props.leadingIcon && (!props.hideIcons || !props.text) ? (openBlock(), createBlock(KdsIcon, {
+          key: 0,
+          name: props.leadingIcon,
+          size: props.size
+        }, null, 8, ["name", "size"])) : createCommentVNode("", true),
+        props.text ? (openBlock(), createElementBlock("span", {
+          key: 1,
+          ref_key: "optionTextEl",
+          ref: optionTextEl,
+          class: "option-label"
+        }, toDisplayString(props.text), 513)) : createCommentVNode("", true),
+        props.trailingIcon && !props.hideIcons ? (openBlock(), createBlock(KdsIcon, {
+          key: 2,
+          name: props.trailingIcon,
+          size: props.size
+        }, null, 8, ["name", "size"])) : createCommentVNode("", true)
       ], 10, _hoisted_1$8);
     };
   }
 });
 
-const KdsVariableToggleButton = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-8b6f8b81"]]);
+const ValueSwitchItem = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-68535333"]]);
 
-const _hoisted_1$7 = ["disabled", "aria-pressed"];
-const TITLE = "Click for more information";
-const _sfc_main$8 = /* @__PURE__ */ defineComponent({
-  __name: "KdsInfoToggleButton",
+const useValueSwitchIconHiding = ({
+  width,
+  options
+}) => {
+  const itemEls = ref(/* @__PURE__ */ new Map());
+  onBeforeUpdate(() => {
+    itemEls.value = /* @__PURE__ */ new Map();
+  });
+  const setItemEl = (id, el) => {
+    const elementToRegister = el && typeof el === "object" && "$el" in el ? el.$el : el;
+    if (elementToRegister instanceof HTMLButtonElement) {
+      itemEls.value.set(id, elementToRegister);
+    }
+  };
+  const shouldHideIcons = ref(false);
+  const hasLabelEllipsis = (id) => {
+    const el = itemEls.value.get(id);
+    if (!el) {
+      return false;
+    }
+    const label = el.querySelector(".option-label");
+    return elementOverflowsHorizontally(label);
+  };
+  const anyOptionHasEllipsis = () => options.value.some((option) => {
+    if (!option.text) {
+      return false;
+    }
+    if (!option.leadingIcon && !option.trailingIcon) {
+      return false;
+    }
+    return hasLabelEllipsis(option.id);
+  });
+  watch(
+    () => [width.value, options.value],
+    async () => {
+      shouldHideIcons.value = false;
+      await nextTick();
+      shouldHideIcons.value = anyOptionHasEllipsis();
+    },
+    {
+      immediate: true
+    }
+  );
+  return {
+    shouldHideIcons,
+    setItemEl
+  };
+};
+
+const _hoisted_1$7 = ["id", "aria-invalid", "aria-labelledby", "aria-describedby"];
+const _sfc_main$b = /* @__PURE__ */ defineComponent({
+  __name: "KdsValueSwitch",
   props: /* @__PURE__ */ mergeModels({
+    id: {},
+    label: {},
+    possibleValues: {},
+    size: { default: "medium" },
+    variant: { default: "default" },
     disabled: { type: Boolean, default: false },
-    hidden: { type: Boolean, default: false }
+    subText: {},
+    error: { type: Boolean },
+    preserveSubTextSpace: { type: Boolean }
   }, {
-    "modelValue": { type: Boolean, ...{ default: false } },
+    "modelValue": {},
     "modelModifiers": {}
   }),
   emits: ["update:modelValue"],
   setup(__props) {
     const props = __props;
     const modelValue = useModel(__props, "modelValue");
+    const options = computed(
+      () => props.possibleValues.map((o) => {
+        if (typeof o === "string") {
+          return { text: o, id: o };
+        }
+        return o;
+      })
+    );
+    const labelId = useId();
+    const descriptionId = useId();
+    const availableWidthContainer = ref(null);
+    const { width } = useElementSize(availableWidthContainer);
+    const { shouldHideIcons, setItemEl } = useValueSwitchIconHiding({
+      width,
+      options
+    });
+    const optionContainer = ref(null);
+    const { tabIndexForOption, handleClick, handleKeyDown } = useRadioSelection({
+      selectedId: modelValue,
+      options,
+      globalDisable: computed(() => props.disabled),
+      optionContainer
+    });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("button", {
+      return openBlock(), createElementBlock("div", {
+        id: props.id,
+        ref_key: "availableWidthContainer",
+        ref: availableWidthContainer,
+        role: "radiogroup",
         class: normalizeClass({
-          "info-toggle-button": true,
-          selected: modelValue.value,
-          disabled: props.disabled,
-          hidden: props.hidden && !modelValue.value
+          "value-switch": true,
+          "size-small": props.size === "small"
         }),
-        disabled: props.disabled,
-        title: TITLE,
-        "aria-label": TITLE,
-        "aria-pressed": modelValue.value,
-        type: "button",
-        onClick: _cache[0] || (_cache[0] = ($event) => modelValue.value = !modelValue.value)
+        "aria-invalid": props.error || void 0,
+        "aria-labelledby": props.label ? unref(labelId) : void 0,
+        "aria-describedby": props.subText ? unref(descriptionId) : void 0
       }, [
-        createVNode(KdsIcon, {
-          name: "circle-question",
-          size: "xsmall"
-        })
+        props.label ? (openBlock(), createBlock(KdsLabel, {
+          key: 0,
+          id: unref(labelId),
+          label: props.label
+        }, null, 8, ["id", "label"])) : createCommentVNode("", true),
+        createElementVNode("div", {
+          ref_key: "optionContainer",
+          ref: optionContainer,
+          class: normalizeClass({ options: true, error: props.error })
+        }, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(options.value, (option, index) => {
+            return openBlock(), createBlock(ValueSwitchItem, mergeProps({
+              key: option.id,
+              ref_for: true,
+              ref: (el) => unref(setItemEl)(option.id, el)
+            }, { ref_for: true }, option, {
+              "hide-icons": unref(shouldHideIcons),
+              selected: modelValue.value === option.id,
+              disabled: props.disabled || option.disabled,
+              size: props.size,
+              variant: props.variant,
+              "tab-index": unref(tabIndexForOption)(index),
+              title: option.title,
+              onClick: () => unref(handleClick)(index),
+              onKeydown: ($event) => unref(handleKeyDown)($event, index)
+            }), null, 16, ["hide-icons", "selected", "disabled", "size", "variant", "tab-index", "title", "onClick", "onKeydown"]);
+          }), 128))
+        ], 2),
+        createVNode(KdsSubText, {
+          id: unref(descriptionId),
+          "sub-text": props.subText,
+          "preserve-sub-text-space": props.preserveSubTextSpace,
+          error: props.error
+        }, null, 8, ["id", "sub-text", "preserve-sub-text-space", "error"])
       ], 10, _hoisted_1$7);
     };
   }
 });
 
-const KdsInfoToggleButton = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-24b40e36"]]);
+const KdsValueSwitch = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-e5da4485"]]);
 
-const _hoisted_1$6 = ["data-visible"];
-const _hoisted_2$1 = ["data-visible"];
-const _sfc_main$7 = /* @__PURE__ */ defineComponent({
-  __name: "KdsProgressButton",
-  props: /* @__PURE__ */ mergeModels({
-    size: { default: "medium" },
-    variant: { default: "filled" },
-    disabled: { type: Boolean, default: false },
+const _hoisted_1$6 = { class: "kds-form-field" };
+const _sfc_main$a = /* @__PURE__ */ defineComponent({
+  __name: "BaseFormFieldWrapper",
+  props: {
+    id: {},
     label: {},
-    leadingIcon: {},
-    ariaLabel: {}
-  }, {
-    "state": {
-      default: "default"
-    },
-    "stateModifiers": {}
-  }),
-  emits: /* @__PURE__ */ mergeModels(["click"], ["update:state"]),
-  setup(__props, { emit: __emit }) {
+    ariaLabel: {},
+    subText: {},
+    error: { type: Boolean },
+    validating: { type: Boolean },
+    preserveSubTextSpace: { type: Boolean }
+  },
+  setup(__props) {
     const props = __props;
-    const emit = __emit;
-    const state = useModel(__props, "state");
-    const iconSize = computed(() => {
-      if (props.size === "xsmall") {
-        return "small";
-      }
-      return props.size;
-    });
-    function onClick(event) {
-      event.preventDefault();
-      if (state.value !== "default") {
-        return;
-      }
-      emit("click", event);
-    }
-    const baseButtonProps = computed(() => ({
-      variant: props.variant,
-      size: props.size,
-      disabled: props.disabled,
-      success: state.value === "success",
-      error: state.value === "error",
-      title: props.ariaLabel,
-      label: props.label,
-      leadingIcon: props.leadingIcon,
-      ariaLabel: props.ariaLabel
-    }));
+    const fallbackId = useId();
+    const inputId = computed(() => props.id ?? fallbackId);
+    const labelId = computed(() => `${inputId.value}-label`);
+    const subTextId = computed(() => `${inputId.value}-subtext`);
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(BaseButton, mergeProps(baseButtonProps.value, {
-        class: "kds-progress-button",
-        "data-kds-progress-state": state.value,
-        onClick
-      }), {
-        leading: withCtx(() => [
-          createElementVNode("span", {
-            class: normalizeClass(["leading", iconSize.value])
-          }, [
-            createElementVNode("span", {
-              class: "leading-icon",
-              "data-visible": state.value !== "progress"
-            }, [
-              createVNode(KdsIcon, {
-                name: props.leadingIcon,
-                size: iconSize.value
-              }, null, 8, ["name", "size"])
-            ], 8, _hoisted_1$6),
-            createElementVNode("span", {
-              class: "spinner",
-              "data-visible": state.value === "progress"
-            }, [
-              createVNode(KdsLoadingSpinner, {
-                size: iconSize.value,
-                style: normalizeStyle(props.variant === "filled" ? "onPrimary" : "onSurface")
-              }, null, 8, ["size", "style"])
-            ], 8, _hoisted_2$1)
-          ], 2)
-        ]),
-        _: 1
-      }, 16, ["data-kds-progress-state"]);
+      return openBlock(), createElementBlock("div", _hoisted_1$6, [
+        props.label ? (openBlock(), createBlock(KdsLabel, {
+          key: 0,
+          id: labelId.value,
+          for: inputId.value,
+          label: props.label
+        }, null, 8, ["id", "for", "label"])) : createCommentVNode("", true),
+        renderSlot(_ctx.$slots, "default", {
+          id: inputId.value,
+          ariaLabelledby: props.label ? labelId.value : void 0,
+          ariaDescribedby: props.subText ? subTextId.value : void 0,
+          ariaLabel: props.label ? void 0 : props.ariaLabel,
+          ariaInvalid: props.error
+        }, void 0, true),
+        createVNode(KdsSubText, {
+          id: subTextId.value,
+          "sub-text": props.subText,
+          error: props.error,
+          validating: props.validating,
+          "preserve-sub-text-space": props.preserveSubTextSpace
+        }, null, 8, ["id", "sub-text", "error", "validating", "preserve-sub-text-space"])
+      ]);
     };
   }
 });
 
-const KdsProgressButton = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-6648b2f8"]]);
+const BaseFormFieldWrapper = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-016a46e9"]]);
 
-const _sfc_main$6 = /* @__PURE__ */ defineComponent({
-  __name: "KdsToggleButton",
+const _hoisted_1$5 = {
+  key: 0,
+  class: "icon-wrapper leading"
+};
+const _hoisted_2$2 = ["id", "value", "type", "inputmode", "placeholder", "disabled", "readonly", "required", "name", "autocomplete", "min", "max", "step", "aria-label", "aria-labelledby", "aria-describedby", "aria-invalid", "role", "aria-valuenow", "aria-valuemin", "aria-valuemax", "aria-valuetext"];
+const _hoisted_3$2 = {
+  key: 3,
+  class: "trailing-slot"
+};
+const _hoisted_4$1 = {
+  key: 4,
+  class: "icon-wrapper trailing"
+};
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+  __name: "BaseInput",
   props: /* @__PURE__ */ mergeModels({
-    size: {},
-    disabled: { type: Boolean },
-    title: {},
-    variant: { default: "outlined" },
-    label: {},
-    leadingIcon: {},
-    trailingIcon: {},
-    ariaLabel: {}
+    id: {},
+    type: { default: "text" },
+    min: { default: void 0 },
+    max: { default: void 0 },
+    step: { default: void 0 },
+    placeholder: { default: void 0 },
+    disabled: { type: Boolean, default: false },
+    readonly: { type: Boolean, default: false },
+    required: { type: Boolean, default: false },
+    leadingIcon: { default: void 0 },
+    trailingIcon: { default: void 0 },
+    error: { type: Boolean, default: false },
+    name: { default: void 0 },
+    autocomplete: { default: void 0 },
+    ariaLabel: { default: void 0 },
+    ariaLabelledby: { default: void 0 },
+    ariaDescribedby: { default: void 0 },
+    ariaInvalid: { type: Boolean, default: void 0 },
+    role: { default: void 0 },
+    ariaValuenow: { default: void 0 },
+    ariaValuemin: { default: void 0 },
+    ariaValuemax: { default: void 0 },
+    ariaValuetext: { default: void 0 },
+    unit: { default: void 0 },
+    inputmode: { default: void 0 },
+    clearable: { type: Boolean, default: false }
   }, {
-    "modelValue": { type: Boolean, ...{ default: false } },
+    "modelValue": { default: "" },
     "modelModifiers": {}
   }),
-  emits: ["update:modelValue"],
-  setup(__props) {
+  emits: /* @__PURE__ */ mergeModels(["focus", "blur", "keydown", "input", "click"], ["update:modelValue"]),
+  setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
+    const emit = __emit;
     const modelValue = useModel(__props, "modelValue");
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(BaseButton, mergeProps(props, {
-        toggled: modelValue.value,
-        "aria-pressed": modelValue.value,
-        onClick: _cache[0] || (_cache[0] = ($event) => modelValue.value = !modelValue.value)
-      }), null, 16, ["toggled", "aria-pressed"]);
+    const inputRef = ref(null);
+    const hasValue = computed(() => modelValue.value.length > 0);
+    const showUnitPlaceholder = computed(
+      () => Boolean(props.unit) && modelValue.value.trim().length === 0
+    );
+    const handleInput = (event) => {
+      const target = event.target;
+      modelValue.value = target.value;
+      emit("input", event);
     };
-  }
-});
-
-const KDS_DARK_MODE_STORAGE_KEY = "KNIME_DARK_MODE";
-const defaultMode = "light";
-const useKdsDarkMode = () => {
-  const userPreference = useLocalStorage(
-    KDS_DARK_MODE_STORAGE_KEY,
-    defaultMode
-  );
-  const isDark = useDark({
-    storageKey: `${KDS_DARK_MODE_STORAGE_KEY}_EFFECTIVE`,
-    initialValue: defaultMode,
-    onChanged: (isDarkValue) => {
-      let cssMode, themeValue;
-      if (userPreference.value === "system") {
-        cssMode = "light dark";
-        themeValue = "system";
-      } else {
-        cssMode = themeValue = isDarkValue ? "dark" : "light";
-      }
-      document.documentElement.style.setProperty("color-scheme", cssMode);
-      document.documentElement.dataset.theme = themeValue;
-    }
-  });
-  const systemPrefersDark = usePreferredDark();
-  watch(
-    [userPreference, systemPrefersDark],
-    ([preference, systemDark]) => {
-      if (preference === "system") {
-        isDark.value = systemDark;
-      } else {
-        isDark.value = preference === "dark";
+    const focusInput = () => {
+      inputRef.value?.focus();
+    };
+    const clearAndFocusInput = () => {
+      modelValue.value = "";
+      focusInput();
+    };
+    const handleContainerClick = (event) => {
+      if (event.clientX === 0 && event.clientY === 0) {
+        return;
       }
-    },
-    { immediate: true }
-  );
-  const currentMode = computed({
-    get() {
-      return userPreference.value;
-    },
-    set(value) {
-      userPreference.value = value;
-    }
-  });
-  const isDarkMode = computed(() => {
-    return userPreference.value === "dark";
-  });
-  const isLightMode = computed(() => {
-    return userPreference.value === "light";
-  });
-  const isSystemMode = computed(() => userPreference.value === "system");
-  return {
-    /** Exposes a writable computed ref to get the current dark mode but also use it in e.g. a v-model to set it */
-    currentMode,
-    /** Whether or not the current user preference is dark. Note, if the preference is set to 'system' it will return false. */
-    isDarkMode,
-    /** Whether or not the current user preference is light. Note, if the preference is set to 'system' it will return false. */
-    isLightMode,
-    /** Whether or not the current user preference is set to 'system'. */
-    isSystemMode
-  };
-};
-
-const legacyMode = ref(false);
-const useKdsLegacyMode = (initialValue = false) => {
-  if (legacyMode.value !== initialValue) {
-    legacyMode.value = initialValue;
-  }
-  watch(
-    () => legacyMode.value,
-    (newValue) => {
-      document.documentElement.classList.toggle("kds-legacy", newValue);
-    },
-    { immediate: true }
-  );
-  return {
-    /** Writable ref to get and/or set the legacy mode; can also be used with v-model */
-    legacyMode
-  };
-};
-
-function elementOverflowsHorizontally(element) {
-  if (!element) {
-    return false;
+      focusInput();
+    };
+    __expose({
+      /**
+       * Focuses the input element
+       */
+      focus: focusInput
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass({
+          container: true,
+          error: props.error,
+          disabled: props.disabled
+        }),
+        onClick: handleContainerClick
+      }, [
+        props.leadingIcon ? (openBlock(), createElementBlock("div", _hoisted_1$5, [
+          props.leadingIcon ? (openBlock(), createBlock(KdsIcon, {
+            key: 0,
+            name: props.leadingIcon
+          }, null, 8, ["name"])) : createCommentVNode("", true)
+        ])) : createCommentVNode("", true),
+        createElementVNode("input", {
+          id: props.id,
+          ref_key: "inputRef",
+          ref: inputRef,
+          value: modelValue.value,
+          type: props.type,
+          inputmode: props.inputmode,
+          placeholder: props.placeholder,
+          disabled: props.disabled,
+          readonly: props.readonly,
+          required: props.required,
+          name: props.name,
+          autocomplete: props.autocomplete,
+          min: props.min,
+          max: props.max,
+          step: props.step,
+          "aria-label": props.ariaLabel,
+          "aria-labelledby": props.ariaLabelledby,
+          "aria-describedby": props.ariaDescribedby,
+          "aria-invalid": props.ariaInvalid,
+          role: props.role,
+          "aria-valuenow": props.ariaValuenow,
+          "aria-valuemin": props.ariaValuemin,
+          "aria-valuemax": props.ariaValuemax,
+          "aria-valuetext": props.ariaValuetext,
+          class: normalizeClass({ "input-field": true, "has-value": hasValue.value }),
+          onInput: handleInput,
+          onFocus: _cache[0] || (_cache[0] = ($event) => emit("focus", $event)),
+          onBlur: _cache[1] || (_cache[1] = ($event) => emit("blur", $event)),
+          onKeydown: _cache[2] || (_cache[2] = ($event) => emit("keydown", $event)),
+          onClick: _cache[3] || (_cache[3] = ($event) => emit("click", $event))
+        }, null, 42, _hoisted_2$2),
+        props.unit ? (openBlock(), createElementBlock("span", {
+          key: 1,
+          class: normalizeClass({
+            unit: true,
+            placeholder: showUnitPlaceholder.value,
+            disabled: props.disabled
+          })
+        }, toDisplayString(props.unit), 3)) : createCommentVNode("", true),
+        props.clearable && hasValue.value && !props.disabled && !props.readonly ? (openBlock(), createBlock(_sfc_main$u, {
+          key: 2,
+          class: "clear-button",
+          type: "button",
+          size: "xsmall",
+          variant: "transparent",
+          "leading-icon": "x-close",
+          "aria-label": "Clear",
+          title: "Clear",
+          onClick: withModifiers(clearAndFocusInput, ["stop"])
+        })) : createCommentVNode("", true),
+        _ctx.$slots.trailing ? (openBlock(), createElementBlock("div", _hoisted_3$2, [
+          renderSlot(_ctx.$slots, "trailing", {}, void 0, true)
+        ])) : createCommentVNode("", true),
+        props.trailingIcon ? (openBlock(), createElementBlock("div", _hoisted_4$1, [
+          createVNode(KdsIcon, {
+            name: props.trailingIcon
+          }, null, 8, ["name"])
+        ])) : createCommentVNode("", true)
+      ], 2);
+    };
   }
-  return element.scrollWidth > element.clientWidth;
-}
-function useKdsIsTruncated(elementRef) {
-  const isTruncated = ref(false);
-  useResizeObserver(elementRef, () => {
-    isTruncated.value = elementOverflowsHorizontally(elementRef.value);
-  });
-  return { isTruncated };
-}
+});
 
-const _hoisted_1$5 = ["id", "for", "title"];
-const _sfc_main$5 = /* @__PURE__ */ defineComponent({
-  __name: "KdsLabel",
-  props: {
+const BaseInput = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-65b0462f"]]);
+
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+  __name: "KdsTextInput",
+  props: /* @__PURE__ */ mergeModels({
     label: {},
+    ariaLabel: {},
     id: {},
-    for: {}
-  },
+    subText: {},
+    error: { type: Boolean, default: false },
+    validating: { type: Boolean, default: false },
+    preserveSubTextSpace: { type: Boolean, default: false },
+    placeholder: {},
+    disabled: { type: Boolean, default: false },
+    readonly: { type: Boolean, default: false },
+    required: { type: Boolean, default: false },
+    name: {},
+    autocomplete: {}
+  }, {
+    "modelValue": { default: "" },
+    "modelModifiers": {}
+  }),
+  emits: ["update:modelValue"],
   setup(__props) {
     const props = __props;
-    const labelEl = ref(null);
-    const { isTruncated } = useKdsIsTruncated(labelEl);
+    const modelValue = useModel(__props, "modelValue");
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("label", {
-        id: props.id,
-        ref_key: "labelEl",
-        ref: labelEl,
-        for: props.for,
-        class: "label",
-        title: unref(isTruncated) ? props.label : void 0
-      }, toDisplayString(props.label), 9, _hoisted_1$5);
+      return openBlock(), createBlock(BaseFormFieldWrapper, normalizeProps(guardReactiveProps(props)), {
+        default: withCtx((slotProps) => [
+          createVNode(BaseInput, mergeProps(slotProps, {
+            modelValue: modelValue.value,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => modelValue.value = $event),
+            type: "text",
+            placeholder: props.placeholder,
+            disabled: props.disabled,
+            readonly: props.readonly,
+            required: props.required,
+            error: props.error,
+            name: props.name,
+            autocomplete: props.autocomplete
+          }), null, 16, ["modelValue", "placeholder", "disabled", "readonly", "required", "error", "name", "autocomplete"])
+        ]),
+        _: 1
+      }, 16);
     };
   }
 });
 
-const KdsLabel = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-174d476a"]]);
+const additionalGroupSeparators = [" ", " ", " "];
+const decimalSeparatorSample = 1.1;
+const groupSeparatorSample = 1000.1;
+const countFractionDigits = (value) => {
+  if (!Number.isFinite(value)) {
+    return 0;
+  }
+  const exp = value.toExponential();
+  const match = exp.match(/^[-+]?(\d+)(?:\.(\d+))?e([+-]?\d+)$/i);
+  if (!match) {
+    return 0;
+  }
+  const fractionDigitsInMantissa = match[2]?.length ?? 0;
+  const exponent = Number.parseInt(match[3], 10);
+  if (exponent >= 0) {
+    return Math.max(0, fractionDigitsInMantissa - exponent);
+  }
+  return fractionDigitsInMantissa + Math.abs(exponent);
+};
+const createKdsNumberParser = (params) => {
+  const formatter = new Intl.NumberFormat(params.locale);
+  const decimalSeparator = formatter.formatToParts(decimalSeparatorSample).find((part) => part.type === "decimal")?.value ?? ".";
+  const groupSeparator = formatter.formatToParts(groupSeparatorSample).find((part) => part.type === "group")?.value ?? ",";
+  const removeGroupingSeparators = (input) => [groupSeparator, ...additionalGroupSeparators].reduce(
+    (acc, groupSep) => groupSep.length > 0 ? acc.split(groupSep).join("") : acc,
+    input
+  );
+  const formattersByMaxDecimals = /* @__PURE__ */ new Map();
+  const getFormatterForMaxDecimals = (maxDecimals) => {
+    const cached = formattersByMaxDecimals.get(maxDecimals);
+    if (cached) {
+      return cached;
+    }
+    const created = new Intl.NumberFormat(params.locale, {
+      useGrouping: false,
+      minimumFractionDigits: 0,
+      maximumFractionDigits: maxDecimals
+    });
+    formattersByMaxDecimals.set(maxDecimals, created);
+    return created;
+  };
+  const stepFractionDigits = countFractionDigits(params.step);
+  const precisionFactor = Number(`1e${stepFractionDigits}`);
+  const formatForDisplay = (value) => {
+    if (!Number.isFinite(value)) {
+      return "";
+    }
+    const valueDecimals = countFractionDigits(value);
+    const maxDecimals = Math.max(stepFractionDigits, valueDecimals);
+    return getFormatterForMaxDecimals(maxDecimals).format(value);
+  };
+  const roundToStep = (value) => {
+    if (!Number.isFinite(value)) {
+      return NaN;
+    }
+    const step = params.step;
+    if (!Number.isFinite(step) || step <= 0) {
+      return value;
+    }
+    if (!Number.isFinite(precisionFactor) || precisionFactor <= 0) {
+      return value;
+    }
+    const scaledNext = Math.round(value * precisionFactor);
+    const scaledStep = Math.round(step * precisionFactor);
+    if (scaledStep === 0) {
+      return value;
+    }
+    const roundedScaled = Math.round(scaledNext / scaledStep) * scaledStep;
+    return roundedScaled / precisionFactor;
+  };
+  const isValidNormalizedNumber = (normalized) => (
+    // Accept plain decimals as well as scientific notation.
+    // Note: whitespace is removed earlier; we don't accept grouping separators here.
+    /^[-+]?(?:\d+(?:\.\d*)?|\.\d+)(?:[eE][-+]?\d+)?$/.test(normalized)
+  );
+  const parseFromInput = (value) => {
+    const trimmed = value.trim();
+    if (trimmed.length === 0) {
+      return NaN;
+    }
+    const localeDecimal = decimalSeparator;
+    const hasLocaleDecimal = localeDecimal.length > 0 && trimmed.includes(localeDecimal);
+    if (hasLocaleDecimal) {
+      const withoutGrouping = removeGroupingSeparators(trimmed);
+      const normalized2 = withoutGrouping.split(localeDecimal).join(".");
+      if (!isValidNormalizedNumber(normalized2)) {
+        return NaN;
+      }
+      const parsed2 = Number.parseFloat(normalized2);
+      return Number.isFinite(parsed2) ? parsed2 : NaN;
+    }
+    if (localeDecimal !== "." && trimmed.includes(".")) {
+      const lastDotIndex = trimmed.lastIndexOf(".");
+      const digitsAfterDot = trimmed.slice(lastDotIndex + 1);
+      const looksLikeDecimal = digitsAfterDot.length > 0 && digitsAfterDot.length <= 2;
+      const normalized2 = looksLikeDecimal ? `${removeGroupingSeparators(trimmed.slice(0, lastDotIndex))}.${removeGroupingSeparators(
+        digitsAfterDot
+      )}` : removeGroupingSeparators(trimmed);
+      if (!isValidNormalizedNumber(normalized2)) {
+        return NaN;
+      }
+      const parsed2 = Number.parseFloat(normalized2);
+      return Number.isFinite(parsed2) ? parsed2 : NaN;
+    }
+    const normalized = removeGroupingSeparators(trimmed);
+    if (!isValidNormalizedNumber(normalized)) {
+      return NaN;
+    }
+    const parsed = Number.parseFloat(normalized);
+    return Number.isFinite(parsed) ? parsed : NaN;
+  };
+  return {
+    locale: params.locale,
+    decimalSeparator,
+    groupSeparator,
+    stepFractionDigits,
+    formatForDisplay,
+    parseFromInput,
+    roundToStep
+  };
+};
 
-const _hoisted_1$4 = ["id", "aria-labelledby", "aria-describedby"];
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
-  __name: "KdsCheckboxGroup",
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+  __name: "KdsNumberInput",
   props: /* @__PURE__ */ mergeModels({
-    id: {},
     label: {},
-    possibleValues: {},
-    alignment: { default: "vertical" },
-    disabled: { type: Boolean, default: false },
-    error: { type: Boolean, default: false },
+    ariaLabel: {},
+    id: {},
     subText: {},
-    preserveSubTextSpace: { type: Boolean }
+    error: { type: Boolean, default: false },
+    validating: { type: Boolean, default: false },
+    preserveSubTextSpace: { type: Boolean, default: false },
+    placeholder: {},
+    disabled: { type: Boolean, default: false },
+    readonly: { type: Boolean, default: false },
+    required: { type: Boolean, default: false },
+    name: {},
+    autocomplete: {},
+    unit: { default: "" },
+    min: {},
+    max: {},
+    step: { default: 1 }
   }, {
-    "modelValue": { default: [] },
+    "modelValue": { default: NaN },
     "modelModifiers": {}
   }),
   emits: ["update:modelValue"],
   setup(__props) {
     const props = __props;
     const modelValue = useModel(__props, "modelValue");
-    const possibleValues = computed(
-      () => props.possibleValues.map((o) => {
-        if (typeof o === "string") {
-          return { text: o, id: o };
-        }
-        return o;
-      })
+    const isFocused = ref(false);
+    const localValue = ref("");
+    const locale = computed(() => globalThis.navigator?.language || "en-US");
+    const numberParser = computed(
+      () => createKdsNumberParser({ locale: locale.value, step: props.step })
     );
-    const labelId = useId();
-    const descriptionId = useId();
-    const isOptionDisabled = (index) => props.disabled || possibleValues.value[index]?.disabled === true;
-    const isHorizontal = computed(() => props.alignment === "horizontal");
-    const hasError = computed(
-      () => props.error || possibleValues.value.some((o) => o.error)
+    const ariaValuenow = computed(
+      () => Number.isFinite(modelValue.value) ? modelValue.value : void 0
     );
-    const isChecked = (id) => modelValue.value.includes(id);
-    const handleCheckboxChange = (index, checked) => {
-      if (isOptionDisabled(index)) {
+    const ariaValuetext = computed(() => {
+      if (!Number.isFinite(modelValue.value)) {
+        return void 0;
+      }
+      return numberParser.value.formatForDisplay(modelValue.value);
+    });
+    const clamp = (value) => {
+      if (!Number.isFinite(value)) {
+        return NaN;
+      }
+      let result = value;
+      if (props.min !== void 0 && !Number.isNaN(props.min)) {
+        result = Math.max(props.min, result);
+      }
+      if (props.max !== void 0 && !Number.isNaN(props.max)) {
+        result = Math.min(props.max, result);
+      }
+      return result;
+    };
+    watch(
+      () => modelValue.value,
+      (next) => {
+        if (isFocused.value) {
+          return;
+        }
+        localValue.value = numberParser.value.formatForDisplay(next);
+      },
+      { immediate: true }
+    );
+    const canDecrease = computed(() => {
+      if (props.disabled || props.readonly) {
+        return false;
+      }
+      if (props.min === void 0 || Number.isNaN(props.min)) {
+        return true;
+      }
+      if (Number.isNaN(modelValue.value)) {
+        return true;
+      }
+      return modelValue.value > props.min;
+    });
+    const canIncrease = computed(() => {
+      if (props.disabled || props.readonly) {
+        return false;
+      }
+      if (props.max === void 0 || Number.isNaN(props.max)) {
+        return true;
+      }
+      if (Number.isNaN(modelValue.value)) {
+        return true;
+      }
+      return modelValue.value < props.max;
+    });
+    const adjustByStep = (direction) => {
+      if (props.step <= 0) {
         return;
       }
-      const option = possibleValues.value[index];
-      if (checked === true) {
-        modelValue.value = [...modelValue.value, option.id];
+      const base = Number.isFinite(modelValue.value) ? modelValue.value : numberParser.value.parseFromInput(localValue.value);
+      const nextRaw = Number.isFinite(base) ? base + direction * props.step : 0;
+      const rounded = numberParser.value.roundToStep(nextRaw);
+      const next = clamp(rounded);
+      modelValue.value = next;
+      localValue.value = numberParser.value.formatForDisplay(next);
+    };
+    const handleKeydown = (event) => {
+      if (props.disabled || props.readonly) {
         return;
       }
-      modelValue.value = modelValue.value.filter((v) => v !== option.id);
+      if (event.key === "ArrowUp" && canIncrease.value) {
+        event.preventDefault();
+        adjustByStep(1);
+        return;
+      }
+      if (event.key === "ArrowDown" && canDecrease.value) {
+        event.preventDefault();
+        adjustByStep(-1);
+      }
+    };
+    const handleUpdateModelValue = (value) => {
+      localValue.value = value;
+      modelValue.value = numberParser.value.parseFromInput(value);
+    };
+    const handleBlur = () => {
+      isFocused.value = false;
+      const parsed = numberParser.value.parseFromInput(localValue.value);
+      const normalized = clamp(parsed);
+      modelValue.value = normalized;
+      localValue.value = numberParser.value.formatForDisplay(normalized);
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        id: props.id,
-        class: "checkbox-group",
-        role: "group",
-        "aria-labelledby": props.label ? unref(labelId) : void 0,
-        "aria-describedby": props.subText ? unref(descriptionId) : void 0
-      }, [
-        props.label ? (openBlock(), createBlock(KdsLabel, {
-          key: 0,
-          id: unref(labelId),
-          label: props.label
-        }, null, 8, ["id", "label"])) : createCommentVNode("", true),
-        createElementVNode("div", {
-          class: normalizeClass({ options: true, horizontal: isHorizontal.value })
-        }, [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(possibleValues.value, (option, index) => {
-            return openBlock(), createElementBlock("div", {
-              key: option.id,
-              class: "option"
-            }, [
-              createVNode(BaseCheckbox, {
-                disabled: props.disabled || option.disabled,
-                error: option.error,
-                "helper-text": option.helperText,
-                label: option.text,
-                "model-value": isChecked(option.id),
-                "onUpdate:modelValue": (checked) => handleCheckboxChange(index, checked)
-              }, null, 8, ["disabled", "error", "helper-text", "label", "model-value", "onUpdate:modelValue"])
-            ]);
-          }), 128))
-        ], 2),
-        createVNode(KdsSubText, {
-          id: unref(descriptionId),
-          "sub-text": props.subText,
-          "preserve-sub-text-space": props.preserveSubTextSpace,
-          error: hasError.value
-        }, null, 8, ["id", "sub-text", "preserve-sub-text-space", "error"])
-      ], 8, _hoisted_1$4);
+      return openBlock(), createBlock(BaseFormFieldWrapper, normalizeProps(guardReactiveProps(props)), {
+        default: withCtx((slotProps) => [
+          createVNode(BaseInput, mergeProps(slotProps, {
+            "model-value": localValue.value,
+            type: "text",
+            inputmode: props.step >= 1 ? "numeric" : "decimal",
+            placeholder: props.placeholder,
+            disabled: props.disabled,
+            readonly: props.readonly,
+            required: props.required,
+            error: props.error,
+            name: props.name,
+            autocomplete: props.autocomplete,
+            unit: props.unit,
+            role: "spinbutton",
+            "aria-valuenow": ariaValuenow.value,
+            "aria-valuemin": props.min,
+            "aria-valuemax": props.max,
+            "aria-valuetext": ariaValuetext.value,
+            "onUpdate:modelValue": handleUpdateModelValue,
+            onKeydown: handleKeydown,
+            onFocus: _cache[2] || (_cache[2] = ($event) => isFocused.value = true),
+            onBlur: handleBlur
+          }), {
+            trailing: withCtx(() => [
+              createVNode(_sfc_main$u, {
+                type: "button",
+                size: "xsmall",
+                variant: "outlined",
+                "leading-icon": "minus",
+                "aria-label": `Decrease ${props.label ?? props.ariaLabel}`,
+                disabled: !canDecrease.value,
+                onClick: _cache[0] || (_cache[0] = ($event) => adjustByStep(-1))
+              }, null, 8, ["aria-label", "disabled"]),
+              createVNode(_sfc_main$u, {
+                type: "button",
+                size: "xsmall",
+                variant: "outlined",
+                "leading-icon": "plus",
+                "aria-label": `Increase ${props.label ?? props.ariaLabel}`,
+                disabled: !canIncrease.value,
+                onClick: _cache[1] || (_cache[1] = ($event) => adjustByStep(1))
+              }, null, 8, ["aria-label", "disabled"])
+            ]),
+            _: 1
+          }, 16, ["model-value", "inputmode", "placeholder", "disabled", "readonly", "required", "error", "name", "autocomplete", "unit", "aria-valuenow", "aria-valuemin", "aria-valuemax", "aria-valuetext"])
+        ]),
+        _: 1
+      }, 16);
     };
   }
 });
 
-const KdsCheckboxGroup = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-538e7d4c"]]);
-
-const _hoisted_1$3 = ["aria-checked", "aria-describedby", "aria-invalid", "disabled"];
-const _hoisted_2 = { class: "control" };
-const _hoisted_3 = {
-  key: 0,
-  class: "dot",
-  viewBox: "0 0 2 2",
-  "aria-hidden": "true",
-  focusable: "false"
+const escapeRegex = (value) => value.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+const wildcardToRegexBody = (pattern) => {
+  let body = "";
+  for (const char of pattern) {
+    if (char === "*") {
+      body += ".*";
+      continue;
+    }
+    if (char === "?") {
+      body += ".";
+      continue;
+    }
+    body += escapeRegex(char);
+  }
+  return body;
 };
-const _hoisted_4 = { class: "content" };
-const _hoisted_5 = { class: "label" };
-const _hoisted_6 = ["id"];
-const _sfc_main$3 = /* @__PURE__ */ defineComponent({
-  __name: "KdsRadioButton",
+const regexBodyToWildcard = (regexBody) => {
+  let wildcard = "";
+  for (let i = 0; i < regexBody.length; i += 1) {
+    const char = regexBody[i];
+    if (char === "\\") {
+      const next = regexBody[i + 1];
+      if (next === void 0) {
+        return void 0;
+      }
+      wildcard += next;
+      i += 1;
+      continue;
+    }
+    if (char === ".") {
+      const next = regexBody[i + 1];
+      if (next === "*") {
+        wildcard += "*";
+        i += 1;
+        continue;
+      }
+      wildcard += "?";
+      continue;
+    }
+    if (/[[\]{}()+^$|]/.test(char)) {
+      return void 0;
+    }
+    wildcard += char;
+  }
+  return wildcard;
+};
+const CASE_INSENSITIVE_PREFIX = "(?i:";
+const stripOuterGroup = (pattern, prefix) => {
+  const trimmed = pattern.trim();
+  if (trimmed.startsWith(prefix) && trimmed.endsWith(")")) {
+    return trimmed.slice(prefix.length, -1);
+  }
+  return trimmed;
+};
+const buildRegexFromPatternInput = (input, options) => {
+  const body = options.useRegex ? input : wildcardToRegexBody(input);
+  const grouped = `(?:${body})`;
+  const withCase = options.caseSensitive ? grouped : `${CASE_INSENSITIVE_PREFIX}${grouped})`;
+  if (!options.excludeMatches) {
+    return withCase;
+  }
+  return `^(?!.*${withCase}).*$`;
+};
+const stripOuterNonCapturingGroup = (pattern) => stripOuterGroup(pattern, "(?:");
+const stripCaseInsensitiveWrapper = (pattern) => stripOuterGroup(pattern, CASE_INSENSITIVE_PREFIX);
+const tryParseExcluded = (regex) => {
+  const match = regex.trim().match(/^\^\(\?!\.\*([\s\S]*)\)\.\*\$$/);
+  if (!match) {
+    return {};
+  }
+  return { excludedInner: match[1] };
+};
+const parseRegexToPatternInputValue = (regex, options) => {
+  if (regex === "") {
+    return "";
+  }
+  const { excludedInner } = tryParseExcluded(regex);
+  const inner = excludedInner === void 0 ? regex : excludedInner;
+  const withoutCase = options.caseSensitive ? inner : stripCaseInsensitiveWrapper(inner);
+  const body = stripOuterNonCapturingGroup(withoutCase);
+  if (options.useRegex) {
+    return body;
+  }
+  const wildcard = regexBodyToWildcard(body);
+  return wildcard ?? body;
+};
+
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+  __name: "KdsPatternInput",
+  props: /* @__PURE__ */ mergeModels({
+    label: {},
+    ariaLabel: {},
+    id: {},
+    subText: {},
+    error: { type: Boolean, default: false },
+    validating: { type: Boolean, default: false },
+    preserveSubTextSpace: { type: Boolean, default: false },
+    placeholder: {},
+    disabled: { type: Boolean, default: false },
+    readonly: { type: Boolean, default: false },
+    required: { type: Boolean, default: false },
+    name: {},
+    autocomplete: {}
+  }, {
+    "modelValue": { default: "" },
+    "modelModifiers": {}
+  }),
+  emits: ["update:modelValue"],
+  setup(__props) {
+    const props = __props;
+    const regex = useModel(__props, "modelValue");
+    const uiValue = ref("");
+    const caseSensitive = ref(false);
+    const excludeMatches = ref(false);
+    const useRegex = ref(false);
+    const rebuildRegexFromUi = () => {
+      regex.value = buildRegexFromPatternInput(uiValue.value, {
+        caseSensitive: caseSensitive.value,
+        excludeMatches: excludeMatches.value,
+        useRegex: useRegex.value
+      });
+    };
+    watch(
+      () => regex.value,
+      (newValue) => {
+        uiValue.value = parseRegexToPatternInputValue(newValue, {
+          useRegex: useRegex.value,
+          excludeMatches: excludeMatches.value,
+          caseSensitive: caseSensitive.value
+        });
+      },
+      { immediate: true }
+    );
+    const caseSensitiveAriaLabel = computed(
+      () => caseSensitive.value ? "Match case-sensitive" : "Match case-insensitive"
+    );
+    const excludeMatchesAriaLabel = computed(
+      () => excludeMatches.value ? "Exclude matches" : "Include matches"
+    );
+    const patternModeAriaLabel = computed(
+      () => useRegex.value ? "Use regex pattern" : "Use wildcard pattern"
+    );
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(BaseFormFieldWrapper, normalizeProps(guardReactiveProps(props)), {
+        default: withCtx((slotProps) => [
+          createVNode(BaseInput, mergeProps(slotProps, {
+            modelValue: uiValue.value,
+            "onUpdate:modelValue": [
+              _cache[3] || (_cache[3] = ($event) => uiValue.value = $event),
+              rebuildRegexFromUi
+            ],
+            type: "text",
+            placeholder: props.placeholder,
+            disabled: props.disabled,
+            readonly: props.readonly,
+            required: props.required,
+            error: props.error,
+            name: props.name,
+            autocomplete: props.autocomplete,
+            "leading-icon": "filter",
+            clearable: ""
+          }), {
+            trailing: withCtx(() => [
+              createVNode(_sfc_main$k, {
+                modelValue: caseSensitive.value,
+                "onUpdate:modelValue": [
+                  _cache[0] || (_cache[0] = ($event) => caseSensitive.value = $event),
+                  rebuildRegexFromUi
+                ],
+                size: "xsmall",
+                variant: "outlined",
+                "leading-icon": "case-sensitive",
+                title: caseSensitiveAriaLabel.value,
+                "aria-label": caseSensitiveAriaLabel.value,
+                disabled: props.disabled || props.readonly
+              }, null, 8, ["modelValue", "title", "aria-label", "disabled"]),
+              createVNode(_sfc_main$k, {
+                modelValue: excludeMatches.value,
+                "onUpdate:modelValue": [
+                  _cache[1] || (_cache[1] = ($event) => excludeMatches.value = $event),
+                  rebuildRegexFromUi
+                ],
+                size: "xsmall",
+                variant: "outlined",
+                "leading-icon": "arrows-order",
+                title: excludeMatchesAriaLabel.value,
+                "aria-label": excludeMatchesAriaLabel.value,
+                disabled: props.disabled || props.readonly
+              }, null, 8, ["modelValue", "title", "aria-label", "disabled"]),
+              createVNode(_sfc_main$k, {
+                modelValue: useRegex.value,
+                "onUpdate:modelValue": [
+                  _cache[2] || (_cache[2] = ($event) => useRegex.value = $event),
+                  rebuildRegexFromUi
+                ],
+                size: "xsmall",
+                variant: "outlined",
+                "leading-icon": "regex",
+                title: patternModeAriaLabel.value,
+                "aria-label": patternModeAriaLabel.value,
+                disabled: props.disabled || props.readonly
+              }, null, 8, ["modelValue", "title", "aria-label", "disabled"])
+            ]),
+            _: 1
+          }, 16, ["modelValue", "placeholder", "disabled", "readonly", "required", "error", "name", "autocomplete"])
+        ]),
+        _: 1
+      }, 16);
+    };
+  }
+});
+
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+  __name: "KdsSearchInput",
+  props: /* @__PURE__ */ mergeModels({
+    label: {},
+    ariaLabel: {},
+    id: {},
+    subText: {},
+    error: { type: Boolean, default: false },
+    validating: { type: Boolean, default: false },
+    preserveSubTextSpace: { type: Boolean, default: false },
+    placeholder: { default: "Search" },
+    disabled: { type: Boolean, default: false },
+    readonly: { type: Boolean, default: false },
+    required: { type: Boolean, default: false },
+    name: {},
+    autocomplete: {}
+  }, {
+    "modelValue": { default: "" },
+    "modelModifiers": {}
+  }),
+  emits: ["update:modelValue"],
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    const modelValue = useModel(__props, "modelValue");
+    const baseInputRef = ref(null);
+    __expose({
+      /**
+       * Focuses the input element
+       */
+      focus: () => baseInputRef.value?.focus()
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(BaseFormFieldWrapper, normalizeProps(guardReactiveProps(props)), {
+        default: withCtx((slotProps) => [
+          createVNode(BaseInput, mergeProps({
+            ref_key: "baseInputRef",
+            ref: baseInputRef
+          }, slotProps, {
+            modelValue: modelValue.value,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => modelValue.value = $event),
+            type: "search",
+            placeholder: props.placeholder,
+            disabled: props.disabled,
+            readonly: props.readonly,
+            required: props.required,
+            error: props.error,
+            name: props.name,
+            autocomplete: props.autocomplete,
+            "leading-icon": "search",
+            clearable: true
+          }), null, 16, ["modelValue", "placeholder", "disabled", "readonly", "required", "error", "name", "autocomplete"])
+        ]),
+        _: 1
+      }, 16);
+    };
+  }
+});
+
+const _hoisted_1$4 = ["rows", "placeholder", "disabled", "readonly", "required", "name", "autocomplete"];
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+  __name: "KdsTextarea",
   props: /* @__PURE__ */ mergeModels({
-    text: {},
-    helperText: {},
+    label: {},
+    ariaLabel: {},
+    id: {},
+    subText: {},
+    error: { type: Boolean, default: false },
+    validating: { type: Boolean, default: false },
+    preserveSubTextSpace: { type: Boolean, default: false },
+    placeholder: { default: "" },
     disabled: { type: Boolean, default: false },
-    error: { type: Boolean, default: false }
+    readonly: { type: Boolean, default: false },
+    required: { type: Boolean, default: false },
+    name: {},
+    autocomplete: {},
+    rows: { default: 3 }
   }, {
-    "modelValue": { type: Boolean, ...{ default: false } },
+    "modelValue": { default: "" },
     "modelModifiers": {}
   }),
   emits: ["update:modelValue"],
   setup(__props) {
     const props = __props;
+    const normalizedRows = computed(() => Math.max(1, props.rows));
     const modelValue = useModel(__props, "modelValue");
-    const id = useId();
-    const handleClick = () => {
-      if (props.disabled) {
+    const textareaElement = ref(null);
+    function resize() {
+      const element = textareaElement.value;
+      if (!element) {
         return;
       }
-      if (!modelValue.value) {
-        modelValue.value = true;
+      element.style.height = "auto";
+      const scrollHeight = element.scrollHeight;
+      const offsetHeight = element.offsetHeight;
+      if (scrollHeight <= offsetHeight) {
+        return;
       }
-    };
+      element.style.height = `${scrollHeight}px`;
+    }
+    useResizeObserver(textareaElement, resize);
+    watch(modelValue, resize, { immediate: true });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("button", {
-        "aria-checked": modelValue.value,
-        "aria-describedby": props.helperText ? `${unref(id)}-helper` : void 0,
-        "aria-invalid": props.error,
-        class: normalizeClass({
-          radio: true,
-          selected: modelValue.value,
-          disabled: props.disabled,
-          error: props.error
-        }),
-        disabled: props.disabled,
-        role: "radio",
-        type: "button",
-        onClick: handleClick
-      }, [
-        createElementVNode("div", _hoisted_2, [
-          modelValue.value ? (openBlock(), createElementBlock("svg", _hoisted_3, [..._cache[0] || (_cache[0] = [
-            createElementVNode("circle", {
-              cx: "1",
-              cy: "1",
-              r: "1"
-            }, null, -1)
-          ])])) : createCommentVNode("", true)
+      return openBlock(), createBlock(BaseFormFieldWrapper, normalizeProps(guardReactiveProps(props)), {
+        default: withCtx((slotProps) => [
+          withDirectives(createElementVNode("textarea", mergeProps(slotProps, {
+            ref_key: "textareaElement",
+            ref: textareaElement,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => modelValue.value = $event),
+            class: { invalid: props.error },
+            rows: normalizedRows.value,
+            placeholder: props.placeholder,
+            disabled: props.disabled,
+            readonly: props.readonly,
+            required: props.required,
+            name: props.name,
+            autocomplete: props.autocomplete
+          }), null, 16, _hoisted_1$4), [
+            [vModelText, modelValue.value]
+          ])
         ]),
-        createElementVNode("div", _hoisted_4, [
-          createElementVNode("div", _hoisted_5, toDisplayString(props.text), 1),
-          props.helperText ? (openBlock(), createElementBlock("div", {
+        _: 1
+      }, 16);
+    };
+  }
+});
+
+const KdsTextarea = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-bd6bd85c"]]);
+
+const modalLayoutPropsDefault = {
+  title: "",
+  variant: "padded",
+  overflow: "auto",
+  icon: void 0
+};
+const modalPropsDefault = {
+  active: false,
+  height: "auto",
+  width: "medium",
+  closedby: "closerequest",
+  ...modalLayoutPropsDefault
+};
+
+const _hoisted_1$3 = { class: "modal-header" };
+const _hoisted_2$1 = { class: "modal-header-title" };
+const _hoisted_3$1 = ["data-variant"];
+const _hoisted_4 = {
+  key: 0,
+  class: "modal-footer"
+};
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+  ...{ inheritAttrs: false },
+  __name: "KdsModalLayout",
+  props: /* @__PURE__ */ mergeDefaults({
+    title: {},
+    variant: {},
+    icon: {},
+    overflow: {},
+    onClose: { type: Function }
+  }, modalLayoutPropsDefault),
+  setup(__props) {
+    useCssVars((_ctx) => ({
+      "cd035744": _ctx.overflow
+    }));
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(Fragment, null, [
+        createElementVNode("header", _hoisted_1$3, [
+          props.icon ? (openBlock(), createBlock(KdsIcon, {
             key: 0,
-            id: `${unref(id)}-helper`,
-            class: "helper-text"
-          }, toDisplayString(props.helperText), 9, _hoisted_6)) : createCommentVNode("", true)
-        ])
-      ], 10, _hoisted_1$3);
+            name: props.icon,
+            size: "medium"
+          }, null, 8, ["name"])) : createCommentVNode("", true),
+          createElementVNode("div", _hoisted_2$1, toDisplayString(props.title), 1),
+          createVNode(_sfc_main$u, {
+            "leading-icon": "x-close",
+            variant: "transparent",
+            size: "medium",
+            title: "Close",
+            onClick: props.onClose
+          }, null, 8, ["onClick"])
+        ]),
+        createElementVNode("div", {
+          class: "modal-body",
+          "data-variant": __props.variant
+        }, [
+          renderSlot(_ctx.$slots, "body", {}, void 0, true)
+        ], 8, _hoisted_3$1),
+        _ctx.$slots.footer ? (openBlock(), createElementBlock("footer", _hoisted_4, [
+          renderSlot(_ctx.$slots, "footer", {}, void 0, true)
+        ])) : createCommentVNode("", true)
+      ], 64);
     };
   }
 });
 
-const KdsRadioButton = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-a7490a52"]]);
+const KdsModalLayout = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-b5dcb5bc"]]);
 
-const useRadioSelection = ({
-  selectedId,
-  options,
-  globalDisable,
-  globalError,
-  optionContainer
-}) => {
-  const focusOptionAtIndex = (index) => {
-    const radios = optionContainer?.value?.querySelectorAll(
-      'button[role="radio"]'
+const _hoisted_1$2 = ["closedby"];
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  __name: "KdsModal",
+  props: /* @__PURE__ */ mergeDefaults({
+    icon: {},
+    title: {},
+    variant: {},
+    width: {},
+    height: {},
+    active: { type: Boolean },
+    closedby: {},
+    overflow: {}
+  }, modalPropsDefault),
+  emits: ["close", "closed"],
+  setup(__props, { emit: __emit }) {
+    useCssVars((_ctx) => ({
+      "v5f7d64ea": _ctx.overflow
+    }));
+    const props = __props;
+    const emit = __emit;
+    const dialog = useTemplateRef("dialogElement");
+    const onClose = (event) => {
+      emit("close", event);
+    };
+    watch(
+      () => props.active,
+      async (active) => {
+        if (active) {
+          await nextTick();
+          dialog.value?.showModal();
+        } else {
+          dialog.value?.close();
+        }
+      },
+      { immediate: true }
     );
-    radios?.[index]?.focus();
-  };
-  const isIndexDisabled = (index) => globalDisable?.value || options.value[index]?.disabled === true;
-  const hasError = computed(
-    () => globalError?.value || options.value.some((o) => o.error)
-  );
-  const selectedIndex = computed(
-    () => options.value.findIndex((o) => o.id === selectedId.value)
-  );
-  const firstEnabledIndex = computed(
-    () => options.value.findIndex((_, index) => !isIndexDisabled(index))
-  );
-  const tabIndexForOption = (index) => {
-    if (isIndexDisabled(index)) {
-      return void 0;
-    }
-    if (selectedIndex.value >= 0) {
-      return selectedIndex.value === index ? 0 : -1;
-    }
-    return firstEnabledIndex.value === index ? 0 : -1;
-  };
-  const selectIndex = (index) => {
-    if (isIndexDisabled(index)) {
-      return;
-    }
-    selectedId.value = options.value[index]?.id;
-  };
-  const nextEnabledIndex = (startIndex, direction) => {
-    const total = options.value.length;
-    if (total === 0) {
-      return -1;
-    }
-    let index = startIndex;
-    for (let i = 0; i < total; i++) {
-      index = (index + direction + total) % total;
-      if (!isIndexDisabled(index)) {
-        return index;
+    const renderDialog = ref(props.active);
+    const removeDialog = () => {
+      renderDialog.value = false;
+      emit("closed");
+    };
+    watch(
+      () => props.active,
+      (value, lastValue) => {
+        if (value === false && lastValue === true) {
+          if (dialog.value) {
+            Promise.all(
+              dialog.value.getAnimations({ subtree: true }).map((animation) => animation.finished)
+            ).then(removeDialog);
+          } else {
+            removeDialog();
+          }
+        } else {
+          renderDialog.value = value;
+        }
       }
-    }
-    return -1;
-  };
-  const moveSelection = (currentIndex, direction) => {
-    const nextIndex = nextEnabledIndex(currentIndex, direction);
-    if (nextIndex < 0) {
-      return;
-    }
-    selectIndex(nextIndex);
-    focusOptionAtIndex(nextIndex);
+    );
+    return (_ctx, _cache) => {
+      return renderDialog.value ? (openBlock(), createElementBlock("dialog", {
+        key: 0,
+        ref: "dialogElement",
+        class: normalizeClass([
+          "kds-modal",
+          `width-${__props.width}`,
+          `height-${__props.height}`,
+          `overflow-${__props.overflow}`
+        ]),
+        closedby: __props.closedby,
+        onCancel: withModifiers(onClose, ["prevent"])
+      }, [
+        renderSlot(_ctx.$slots, "default", {
+          title: __props.title,
+          icon: __props.icon,
+          variant: __props.variant,
+          overflow: __props.overflow,
+          onClose
+        }, () => [
+          createVNode(KdsModalLayout, {
+            title: __props.title,
+            icon: __props.icon,
+            variant: __props.variant,
+            overflow: __props.overflow,
+            onClose
+          }, {
+            body: withCtx(() => [
+              renderSlot(_ctx.$slots, "body", {}, void 0, true)
+            ]),
+            footer: withCtx(() => [
+              renderSlot(_ctx.$slots, "footer", {}, void 0, true)
+            ]),
+            _: 3
+          }, 8, ["title", "icon", "variant", "overflow"])
+        ], true)
+      ], 42, _hoisted_1$2)) : createCommentVNode("", true);
+    };
+  }
+});
+
+const KdsModal = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-9bd33041"]]);
+
+const createUnwrappedPromise = () => {
+  let resolve = () => {
   };
-  const goToFirstEnabled = () => {
-    const nextIndex = firstEnabledIndex.value;
-    if (nextIndex < 0) {
-      return;
-    }
-    selectIndex(nextIndex);
-    focusOptionAtIndex(nextIndex);
+  let reject = () => {
   };
-  const goToLastEnabled = () => {
-    for (let i = options.value.length - 1; i >= 0; i--) {
-      if (!isIndexDisabled(i)) {
-        selectIndex(i);
-        focusOptionAtIndex(i);
-        break;
-      }
-    }
+  const promise = new Promise((res, rej) => {
+    resolve = res;
+    reject = rej;
+  });
+  return { resolve, reject, promise };
+};
+
+const defaultCancelButton = {
+  type: "cancel",
+  label: "Cancel"
+};
+const defaultConfirmButton = {
+  type: "confirm",
+  label: "Confirm"
+};
+const isActive = ref(false);
+const activeModalConfig = ref(null);
+const unwrappedPromise = ref(createUnwrappedPromise());
+const resetInternalState = () => {
+  isActive.value = false;
+  unwrappedPromise.value = createUnwrappedPromise();
+};
+const onClosed = () => {
+  activeModalConfig.value = null;
+};
+const confirm = (doNotAskAgain = false) => {
+  unwrappedPromise.value.resolve({
+    confirmed: true,
+    doNotAskAgain
+  });
+  resetInternalState();
+};
+const close = () => {
+  const isConfirm = activeModalConfig.value?.type === "confirm";
+  unwrappedPromise.value.resolve(isConfirm ? { confirmed: false } : void 0);
+  resetInternalState();
+};
+const isTemplateBasedConfirm = (config) => {
+  return "component" in config;
+};
+const updateConfig = (config) => {
+  if (!isActive.value || !activeModalConfig.value || activeModalConfig.value.type === "confirm") {
+    consola.warn("useKdsDynamicModal: invalid invocation of updateConfig");
+    return;
+  }
+  activeModalConfig.value.value = {
+    ...activeModalConfig.value.value,
+    ...config
   };
-  const handleKeyDown = (event, currentIndex) => {
-    if (globalDisable?.value) {
-      return;
-    }
-    switch (event.key) {
-      case "ArrowDown":
-      case "ArrowRight": {
-        event.preventDefault();
-        moveSelection(currentIndex, 1);
-        return;
-      }
-      case "ArrowUp":
-      case "ArrowLeft": {
-        event.preventDefault();
-        moveSelection(currentIndex, -1);
-        return;
-      }
-      case "Home": {
-        event.preventDefault();
-        goToFirstEnabled();
-        return;
-      }
-      case "End": {
-        event.preventDefault();
-        goToLastEnabled();
-        return;
-      }
-      case " ":
-      case "Enter": {
-        event.preventDefault();
-        selectIndex(currentIndex);
+};
+const internal = {
+  confirm,
+  close,
+  isTemplateBasedConfirm,
+  onClosed,
+  updateConfig
+};
+const useKdsDynamicModal = () => {
+  function askConfirmation(config) {
+    activeModalConfig.value = {
+      type: "confirm",
+      value: {
+        buttons: [defaultCancelButton, defaultConfirmButton],
+        ...config
       }
-    }
+    };
+    isActive.value = true;
+    return unwrappedPromise.value.promise;
+  }
+  const showByTemplate = (config) => {
+    activeModalConfig.value = {
+      type: "dynamic",
+      value: config
+    };
+    isActive.value = true;
+    return unwrappedPromise.value.promise;
   };
   return {
-    hasError,
-    selectedIndex,
-    tabIndexForOption,
-    handleClick: selectIndex,
-    handleKeyDown
+    askConfirmation,
+    showByTemplate,
+    config: computed(() => activeModalConfig.value),
+    isActive: computed(() => isActive.value),
+    close: () => internal.close()
   };
 };
 
-const _hoisted_1$2 = ["id", "aria-labelledby", "aria-describedby"];
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
-  __name: "KdsRadioButtonGroup",
-  props: /* @__PURE__ */ mergeModels({
-    id: {},
-    label: {},
-    possibleValues: {},
-    alignment: { default: "vertical" },
-    disabled: { type: Boolean, default: false },
-    subText: {},
-    preserveSubTextSpace: { type: Boolean }
-  }, {
-    "modelValue": {},
-    "modelModifiers": {}
-  }),
-  emits: ["update:modelValue"],
+const _hoisted_1$1 = {
+  key: 1,
+  class: "confirmation"
+};
+const _hoisted_2 = { class: "message" };
+const _hoisted_3 = {
+  key: 0,
+  class: "ask-again"
+};
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "KdsDynamicModalProvider",
   setup(__props) {
-    const props = __props;
-    const modelValue = useModel(__props, "modelValue");
-    const options = computed(
-      () => props.possibleValues.map((o) => {
-        if (typeof o === "string") {
-          return { text: o, id: o };
-        }
-        return o;
-      })
-    );
-    const labelId = useId();
-    const descriptionId = useId();
-    const groupName = useId();
-    const optionContainer = ref(null);
-    const { tabIndexForOption, handleClick, handleKeyDown, hasError } = useRadioSelection({
-      selectedId: modelValue,
-      options,
-      globalDisable: computed(() => props.disabled),
-      optionContainer
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        id: props.id,
-        class: "radio-button-group",
-        role: "radiogroup",
-        "aria-labelledby": props.label ? unref(labelId) : void 0,
-        "aria-describedby": props.subText ? unref(descriptionId) : void 0
-      }, [
-        props.label ? (openBlock(), createBlock(KdsLabel, {
-          key: 0,
-          id: unref(labelId),
-          label: props.label
-        }, null, 8, ["id", "label"])) : createCommentVNode("", true),
-        createElementVNode("div", {
-          ref_key: "optionContainer",
-          ref: optionContainer,
-          class: normalizeClass({ options: true, horizontal: props.alignment === "horizontal" })
-        }, [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(options.value, (option, index) => {
-            return openBlock(), createElementBlock("div", {
-              key: option.id,
-              class: "option"
-            }, [
-              createVNode(KdsRadioButton, {
-                disabled: props.disabled || option.disabled,
-                error: option.error,
-                "helper-text": option.helperText,
-                text: option.text,
-                "model-value": modelValue.value === option.id,
-                tabindex: unref(tabIndexForOption)(index),
-                name: unref(groupName),
-                onKeydown: (e) => unref(handleKeyDown)(e, index),
-                "onUpdate:modelValue": () => unref(handleClick)(index)
-              }, null, 8, ["disabled", "error", "helper-text", "text", "model-value", "tabindex", "name", "onKeydown", "onUpdate:modelValue"])
-            ]);
-          }), 128))
-        ], 2),
-        createVNode(KdsSubText, {
-          id: unref(descriptionId),
-          "sub-text": props.subText,
-          "preserve-sub-text-space": props.preserveSubTextSpace,
-          error: unref(hasError)
-        }, null, 8, ["id", "sub-text", "preserve-sub-text-space", "error"])
-      ], 8, _hoisted_1$2);
+    const askAgain = ref(false);
+    const { config, isActive } = useKdsDynamicModal();
+    const reset = () => {
+      askAgain.value = false;
+    };
+    const onConfirm = () => {
+      internal.confirm(askAgain.value);
+      reset();
+    };
+    const onClose = () => {
+      internal.close();
+      reset();
+    };
+    const handleConfirmButton = (button) => {
+      if (!button.customHandler) {
+        const handler = button.type === "cancel" ? onClose : onConfirm;
+        handler();
+        return;
+      }
+      if (button.type === "cancel") {
+        button.customHandler({ cancel: onClose });
+      }
+      if (button.type === "confirm") {
+        button.customHandler({ confirm: onConfirm });
+      }
     };
-  }
-});
-
-const KdsRadioButtonGroup = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-b0e27ba1"]]);
-
-const _hoisted_1$1 = ["aria-checked", "aria-label", "disabled", "tabindex", "title"];
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
-  __name: "ValueSwitchItem",
-  props: {
-    selected: { type: Boolean },
-    disabled: { type: Boolean, default: false },
-    size: { default: "medium" },
-    variant: { default: "default" },
-    tabIndex: { default: void 0 },
-    hideIcons: { type: Boolean },
-    text: {},
-    leadingIcon: {},
-    trailingIcon: {},
-    title: {}
-  },
-  setup(__props) {
-    const props = __props;
-    const optionTextEl = ref(null);
-    const { isTruncated } = useKdsIsTruncated(optionTextEl);
+    const defaultVariant = (type) => type === "cancel" ? "transparent" : "filled";
+    const kdsModalProps = computed(() => {
+      if (!config.value) {
+        return {};
+      }
+      const { icon, title, height, width, variant, overflow, closedby } = config.value.value;
+      return {
+        icon,
+        title,
+        height,
+        width,
+        variant,
+        overflow,
+        closedby,
+        onClose,
+        onClosed: internal.onClosed,
+        active: isActive.value
+      };
+    });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("button", {
-        role: "radio",
-        "aria-checked": props.selected,
-        "aria-label": props.text ? void 0 : props.title,
-        class: normalizeClass({
-          option: true,
-          selected: props.selected,
-          disabled: props.disabled,
-          "variant-muted": props.variant === "muted",
-          "size-small": props.size === "small"
-        }),
-        disabled: props.disabled,
-        tabindex: props.tabIndex,
-        title: props.title ?? (unref(isTruncated) && props.text ? props.text : void 0)
-      }, [
-        props.leadingIcon && (!props.hideIcons || !props.text) ? (openBlock(), createBlock(KdsIcon, {
-          key: 0,
-          name: props.leadingIcon,
-          size: props.size
-        }, null, 8, ["name", "size"])) : createCommentVNode("", true),
-        props.text ? (openBlock(), createElementBlock("span", {
-          key: 1,
-          ref_key: "optionTextEl",
-          ref: optionTextEl,
-          class: "option-label"
-        }, toDisplayString(props.text), 513)) : createCommentVNode("", true),
-        props.trailingIcon && !props.hideIcons ? (openBlock(), createBlock(KdsIcon, {
-          key: 2,
-          name: props.trailingIcon,
-          size: props.size
-        }, null, 8, ["name", "size"])) : createCommentVNode("", true)
-      ], 10, _hoisted_1$1);
+      return openBlock(), createBlock(KdsModal, mergeProps({ class: "confirm-modal" }, kdsModalProps.value), createSlots({ _: 2 }, [
+        unref(config)?.type === "confirm" ? {
+          name: "body",
+          fn: withCtx(() => [
+            unref(internal).isTemplateBasedConfirm(unref(config).value) ? (openBlock(), createBlock(resolveDynamicComponent(unref(config).value.component), { key: 0 })) : (openBlock(), createElementBlock("div", _hoisted_1$1, [
+              createElementVNode("div", _hoisted_2, toDisplayString(unref(config).value.message), 1),
+              unref(config).value.doNotAskAgain ? (openBlock(), createElementBlock("div", _hoisted_3, [
+                createVNode(_sfc_main$h, {
+                  modelValue: askAgain.value,
+                  "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => askAgain.value = $event),
+                  label: unref(config).value.doNotAskAgain.label,
+                  "sub-text": unref(config).value.doNotAskAgain.subText
+                }, null, 8, ["modelValue", "label", "sub-text"])
+              ])) : createCommentVNode("", true)
+            ]))
+          ]),
+          key: "0"
+        } : void 0,
+        unref(config)?.type === "confirm" ? {
+          name: "footer",
+          fn: withCtx(() => [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(unref(config).value.buttons, (button, index) => {
+              return openBlock(), createBlock(_sfc_main$u, {
+                key: index,
+                destructive: button.destructive,
+                autofocus: button.autofocus,
+                label: button.label,
+                variant: button.variant ?? defaultVariant(button.type),
+                class: normalizeClass({ "flush-left": button.flushLeft }),
+                "data-test-id": `${button.type}-button`,
+                onClick: ($event) => handleConfirmButton(button)
+              }, null, 8, ["destructive", "autofocus", "label", "variant", "class", "data-test-id", "onClick"]);
+            }), 128))
+          ]),
+          key: "1"
+        } : void 0,
+        unref(config)?.type === "dynamic" ? {
+          name: "default",
+          fn: withCtx((slotProps) => [
+            (openBlock(), createBlock(resolveDynamicComponent(unref(config).value.component), normalizeProps(guardReactiveProps({
+              ...slotProps,
+              context: unref(config).value.context,
+              updateConfig: unref(internal).updateConfig
+            })), null, 16))
+          ]),
+          key: "2"
+        } : void 0
+      ]), 1040);
     };
   }
 });
 
-const ValueSwitchItem = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-469c6983"]]);
-
-const useValueSwitchIconHiding = ({
-  width,
-  options
-}) => {
-  const itemEls = ref(/* @__PURE__ */ new Map());
-  onBeforeUpdate(() => {
-    itemEls.value = /* @__PURE__ */ new Map();
-  });
-  const setItemEl = (id, el) => {
-    const elementToRegister = el && typeof el === "object" && "$el" in el ? el.$el : el;
-    if (elementToRegister instanceof HTMLButtonElement) {
-      itemEls.value.set(id, elementToRegister);
-    }
-  };
-  const shouldHideIcons = ref(false);
-  const hasLabelEllipsis = (id) => {
-    const el = itemEls.value.get(id);
-    if (!el) {
-      return false;
-    }
-    const label = el.querySelector(".option-label");
-    return elementOverflowsHorizontally(label);
-  };
-  const anyOptionHasEllipsis = () => options.value.some((option) => {
-    if (!option.text) {
-      return false;
-    }
-    if (!option.leadingIcon && !option.trailingIcon) {
-      return false;
-    }
-    return hasLabelEllipsis(option.id);
-  });
-  watch(
-    () => [width.value, options.value],
-    async () => {
-      shouldHideIcons.value = false;
-      await nextTick();
-      shouldHideIcons.value = anyOptionHasEllipsis();
-    },
-    {
-      immediate: true
-    }
-  );
-  return {
-    shouldHideIcons,
-    setItemEl
-  };
-};
+const KdsDynamicModalProvider = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-1ab7aa8f"]]);
 
-const _hoisted_1 = ["id", "aria-invalid", "aria-labelledby", "aria-describedby"];
+const _hoisted_1 = ["id", "popover"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "KdsValueSwitch",
+  __name: "KdsPopover",
   props: /* @__PURE__ */ mergeModels({
-    id: {},
-    label: {},
-    possibleValues: {},
-    size: { default: "medium" },
-    variant: { default: "default" },
-    disabled: { type: Boolean, default: false },
-    subText: {},
-    error: { type: Boolean },
-    preserveSubTextSpace: { type: Boolean }
+    activatorEl: {},
+    anchorEl: {},
+    placement: { default: "bottom-right" }
   }, {
-    "modelValue": {},
+    "modelValue": { type: Boolean, ...{ default: false } },
     "modelModifiers": {}
   }),
   emits: ["update:modelValue"],
   setup(__props) {
     const props = __props;
-    const modelValue = useModel(__props, "modelValue");
-    const options = computed(
-      () => props.possibleValues.map((o) => {
-        if (typeof o === "string") {
-          return { text: o, id: o };
-        }
-        return o;
-      })
-    );
-    const labelId = useId();
-    const descriptionId = useId();
-    const availableWidthContainer = ref(null);
-    const { width } = useElementSize(availableWidthContainer);
-    const { shouldHideIcons, setItemEl } = useValueSwitchIconHiding({
-      width,
-      options
+    const open = useModel(__props, "modelValue");
+    const popoverEl = ref(null);
+    const popoverId = useId();
+    const anchorName = `--anchor-${popoverId}`;
+    const resolveElement = (el) => {
+      if (!el) {
+        return null;
+      }
+      const maybeInstance = el;
+      const candidate = maybeInstance.$el ?? el;
+      return candidate instanceof HTMLElement ? candidate : null;
+    };
+    const setA11yAttributes = (el, options) => {
+      if (!el) {
+        return;
+      }
+      if (options === null) {
+        el.removeAttribute("aria-expanded");
+        el.removeAttribute("aria-controls");
+        el.removeAttribute("aria-haspopup");
+        return;
+      }
+      el.setAttribute("aria-expanded", String(options.expanded));
+      el.setAttribute("aria-controls", options.popoverId);
+      el.setAttribute("aria-haspopup", "dialog");
+    };
+    watch(open, (isOpen) => {
+      if (isOpen) {
+        popoverEl.value?.showPopover?.();
+      } else {
+        popoverEl.value?.hidePopover?.();
+      }
+      const activatorElement = resolveElement(unref(props.activatorEl));
+      activatorElement?.setAttribute("aria-expanded", String(isOpen));
     });
-    const optionContainer = ref(null);
-    const { tabIndexForOption, handleClick, handleKeyDown } = useRadioSelection({
-      selectedId: modelValue,
-      options,
-      globalDisable: computed(() => props.disabled),
-      optionContainer
+    watch(
+      () => [unref(props.anchorEl), unref(props.activatorEl)],
+      ([nextAnchorEl, nextActivatorEl], prev) => {
+        const [prevAnchorEl, prevActivatorEl] = prev ?? [null, null];
+        const prevAnchor = resolveElement(prevAnchorEl ?? null) ?? resolveElement(prevActivatorEl);
+        prevAnchor?.style.removeProperty("anchor-name");
+        const prevActivator = resolveElement(prevActivatorEl);
+        setA11yAttributes(prevActivator, null);
+        const nextAnchor = resolveElement(nextAnchorEl ?? null) ?? resolveElement(nextActivatorEl);
+        nextAnchor?.style.setProperty("anchor-name", anchorName);
+        const nextActivator = resolveElement(nextActivatorEl);
+        setA11yAttributes(nextActivator, { expanded: open.value, popoverId });
+      },
+      { immediate: true }
+    );
+    onBeforeUnmount(() => {
+      const anchor = resolveElement(unref(props.anchorEl) ?? null) ?? resolveElement(unref(props.activatorEl));
+      anchor?.style.removeProperty("anchor-name");
+      const activator = resolveElement(unref(props.activatorEl));
+      setA11yAttributes(activator, null);
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        id: props.id,
-        ref_key: "availableWidthContainer",
-        ref: availableWidthContainer,
-        role: "radiogroup",
-        class: normalizeClass({
-          "value-switch": true,
-          "size-small": props.size === "small"
-        }),
-        "aria-invalid": props.error || void 0,
-        "aria-labelledby": props.label ? unref(labelId) : void 0,
-        "aria-describedby": props.subText ? unref(descriptionId) : void 0
+        id: unref(popoverId),
+        ref_key: "popoverEl",
+        ref: popoverEl,
+        class: normalizeClass(["kds-popover", ["floating", props.placement]]),
+        popover: unref(props.activatorEl) ? "auto" : void 0,
+        style: normalizeStyle({ "position-anchor": anchorName }),
+        role: "dialog",
+        onToggle: _cache[0] || (_cache[0] = ($event) => open.value = $event.newState === "open")
       }, [
-        props.label ? (openBlock(), createBlock(KdsLabel, {
-          key: 0,
-          id: unref(labelId),
-          label: props.label
-        }, null, 8, ["id", "label"])) : createCommentVNode("", true),
-        createElementVNode("div", {
-          ref_key: "optionContainer",
-          ref: optionContainer,
-          class: normalizeClass({ options: true, error: props.error })
-        }, [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(options.value, (option, index) => {
-            return openBlock(), createBlock(ValueSwitchItem, mergeProps({
-              key: option.id,
-              ref_for: true,
-              ref: (el) => unref(setItemEl)(option.id, el)
-            }, { ref_for: true }, option, {
-              "hide-icons": unref(shouldHideIcons),
-              selected: modelValue.value === option.id,
-              disabled: props.disabled || option.disabled,
-              size: props.size,
-              variant: props.variant,
-              "tab-index": unref(tabIndexForOption)(index),
-              title: option.title,
-              onClick: () => unref(handleClick)(index),
-              onKeydown: ($event) => unref(handleKeyDown)($event, index)
-            }), null, 16, ["hide-icons", "selected", "disabled", "size", "variant", "tab-index", "title", "onClick", "onKeydown"]);
-          }), 128))
-        ], 2),
-        createVNode(KdsSubText, {
-          id: unref(descriptionId),
-          "sub-text": props.subText,
-          "preserve-sub-text-space": props.preserveSubTextSpace,
-          error: props.error
-        }, null, 8, ["id", "sub-text", "preserve-sub-text-space", "error"])
-      ], 10, _hoisted_1);
+        renderSlot(_ctx.$slots, "default", {}, void 0, true)
+      ], 46, _hoisted_1);
     };
   }
 });
 
-const KdsValueSwitch = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-e5da4485"]]);
+const KdsPopover = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c38b0586"]]);
 
-export { _sfc_main$j as KdsButton, _sfc_main$c as KdsCheckbox, KdsCheckboxGroup, KdsDataType, KdsDynamicModalProvider, KdsEmptyState, KdsIcon, KdsInfoToggleButton, KdsLabel, _sfc_main$i as KdsLinkButton, KdsLoadingSpinner, KdsModal, KdsModalLayout, KdsProgressButton, KdsRadioButtonGroup, KdsSubText, _sfc_main$6 as KdsToggleButton, KdsValueSwitch, KdsVariableToggleButton, useKdsDarkMode, useKdsDynamicModal, useKdsIsTruncated, useKdsLegacyMode };
+export { KdsAvatar, _sfc_main$u as KdsButton, _sfc_main$h as KdsCheckbox, KdsCheckboxGroup, KdsColorSwatch, KdsDataType, KdsDynamicModalProvider, KdsEmptyState, KdsIcon, KdsInfoToggleButton, KdsLabel, _sfc_main$t as KdsLinkButton, KdsLoadingSpinner, KdsModal, KdsModalLayout, _sfc_main$7 as KdsNumberInput, _sfc_main$6 as KdsPatternInput, KdsPopover, KdsProgressButton, KdsRadioButtonGroup, _sfc_main$5 as KdsSearchInput, KdsSubText, _sfc_main$8 as KdsTextInput, KdsTextarea, _sfc_main$k as KdsToggleButton, KdsValueSwitch, KdsVariableToggleButton, useKdsDarkMode, useKdsDynamicModal, useKdsIsTruncated, useKdsLegacyMode };
 //# sourceMappingURL=index.js.map