@knime/kds-components 0.7.0 → 0.9.0

package/dist/index.js

@@ -1,339 +1,75 @@
-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 { defineComponent, ref, watch, computed, createElementBlock, openBlock, createElementVNode, toDisplayString, normalizeStyle, shallowRef, toRef, createBlock, unref, resolveDynamicComponent, normalizeClass, createCommentVNode, withCtx, renderSlot, mergeProps, h, useSlots, getCurrentInstance, mergeModels, useModel, createVNode, defineAsyncComponent, useTemplateRef, useId, Fragment, renderList, onBeforeUpdate, nextTick, withModifiers, normalizeProps, guardReactiveProps, withDirectives, vModelText, onBeforeUnmount, createTextVNode, mergeDefaults, useCssVars, createSlots, withKeys } from 'vue';
+import { useLocalStorage, useDark, usePreferredDark, useResizeObserver, useElementSize, isDefined } from '@vueuse/core';
 
-import './index.css';const __variableDynamicImportRuntimeHelper = (glob$1, path$13, segs) => {
-	const v = glob$1[path$13];
-	if (v) return typeof v === "function" ? v() : Promise.resolve(v);
-	return new Promise((_, reject) => {
-		(typeof queueMicrotask === "function" ? queueMicrotask : setTimeout)(reject.bind(null, /* @__PURE__ */ new Error("Unknown variable dynamic import: " + path$13 + (path$13.split("/").length !== segs ? ". Note that variables only represent file names one level deep." : ""))));
-	});
-};
-
-const useIcon = ({
-  name,
-  folder
-}) => {
-  const iconCache = /* @__PURE__ */ new Map();
-  const iconComponent = shallowRef(null);
-  watch(
-    () => name.value,
-    async (newName) => {
-      if (iconCache.has(newName)) {
-        iconComponent.value = iconCache.get(newName);
-        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-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) {
-        iconComponent.value = null;
-      }
-    },
-    { immediate: true }
-  );
-  return iconComponent;
-};
-
-const _sfc_main$w = /* @__PURE__ */ defineComponent({
-  __name: "KdsIcon",
-  props: {
-    name: {},
-    size: { default: "medium" }
-  },
-  setup(__props) {
-    const props = __props;
-    const iconComponent = useIcon({ name: toRef(props, "name"), folder: "icons" });
-    return (_ctx, _cache) => {
-      return unref(iconComponent) ? (openBlock(), createBlock(resolveDynamicComponent(unref(iconComponent)), {
-        key: 0,
-        class: normalizeClass(["kds-icon", props.size]),
-        "aria-hidden": "true",
-        focusable: "false"
-      }, null, 8, ["class"])) : (openBlock(), createElementBlock("span", {
-        key: 1,
-        class: normalizeClass(["kds-icon", props.size]),
-        "aria-hidden": "true",
-        focusable: "false"
-      }, null, 2));
-    };
-  }
-});
-
-const _export_sfc = (sfc, props) => {
-  const target = sfc.__vccOpts || sfc;
-  for (const [key, val] of props) {
-    target[key] = val;
-  }
-  return target;
-};
-
-const KdsIcon = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["__scopeId", "data-v-3a57d423"]]);
-
-const _hoisted_1$n = {
-  key: 0,
-  class: "label"
-};
-const _sfc_main$v = /* @__PURE__ */ defineComponent({
-  __name: "BaseButton",
-  props: {
-    size: { default: "medium" },
-    disabled: { type: Boolean, default: false },
-    title: {},
-    variant: {},
-    label: {},
-    leadingIcon: {},
-    trailingIcon: {},
-    ariaLabel: {},
-    destructive: { type: Boolean, default: false },
-    success: { type: Boolean, default: false },
-    error: { type: Boolean, default: false },
-    toggled: { type: Boolean, default: false },
-    component: { default: "button" }
-  },
-  emits: ["click"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const classes = computed(() => [
-      "button",
-      props.size,
-      props.variant,
-      { destructive: props.destructive },
-      { disabled: props.disabled },
-      { toggled: props.toggled },
-      { success: props.success },
-      { error: props.error }
-    ]);
-    const iconSize = computed(() => {
-      if (props.size === "xsmall") {
-        return "small";
-      } else {
-        return props.size;
-      }
-    });
-    function onClick(e) {
-      if (!props.disabled) {
-        emit("click", e);
-      }
-    }
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(resolveDynamicComponent(__props.component), {
-        class: normalizeClass(classes.value),
-        disabled: props.disabled,
-        title: props.title,
-        "aria-label": props.ariaLabel,
-        onClick: _cache[0] || (_cache[0] = ($event) => onClick($event))
-      }, {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "leading", {}, () => [
-            props.leadingIcon ? (openBlock(), createBlock(KdsIcon, {
-              key: 0,
-              name: props.leadingIcon,
-              size: iconSize.value
-            }, null, 8, ["name", "size"])) : createCommentVNode("", true)
-          ], 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,
-            size: iconSize.value
-          }, null, 8, ["name", "size"])) : createCommentVNode("", true)
-        ]),
-        _: 3
-      }, 8, ["class", "disabled", "title", "aria-label"]);
-    };
-  }
-});
-
-const BaseButton = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["__scopeId", "data-v-b0f9559f"]]);
-
-const _sfc_main$u = /* @__PURE__ */ defineComponent({
-  __name: "KdsButton",
-  props: {
-    size: {},
-    disabled: { type: Boolean },
-    title: {},
-    variant: { default: "filled" },
-    label: {},
-    leadingIcon: {},
-    trailingIcon: {},
-    ariaLabel: {},
-    destructive: { type: Boolean }
-  },
-  emits: ["click"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(BaseButton, mergeProps(props, {
-        onClick: _cache[0] || (_cache[0] = ($event) => emit("click", $event))
-      }), null, 16);
-    };
-  }
-});
-
-const getAppInstance = () => {
-  const currentInstance = getCurrentInstance();
-  return currentInstance?.appContext.app;
-};
-const resolveNuxtLinkComponent = () => {
-  const app = getAppInstance();
-  const nuxtLinkComponent = app?.component("NuxtLink");
-  if (nuxtLinkComponent) {
-    return nuxtLinkComponent;
-  }
-  const routerLinkComponent = app?.component("RouterLink");
-  if (routerLinkComponent) {
-    return routerLinkComponent;
-  }
-  const fallbackComponent = defineComponent({
-    props: {
-      to: {
-        type: String,
-        default: ""
-      }
-    },
-    render() {
-      return h("a", { href: this.to }, [useSlots().default?.()]);
-    }
-  });
-  return fallbackComponent;
-};
-
-const _sfc_main$t = /* @__PURE__ */ defineComponent({
-  __name: "KdsLinkButton",
-  props: {
-    size: {},
-    disabled: { type: Boolean },
-    title: {},
-    variant: { default: "filled" },
-    label: {},
-    leadingIcon: {},
-    trailingIcon: {},
-    ariaLabel: {},
-    destructive: { type: Boolean },
-    to: {},
-    download: { type: Boolean, default: void 0 },
-    target: { default: null },
-    rel: { default: null }
-  },
-  emits: ["click"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const component = computed(() => {
-      if (props.disabled) {
-        return "button";
-      }
-      return resolveNuxtLinkComponent();
-    });
-    const emit = __emit;
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(BaseButton, mergeProps(props, {
-        component: component.value,
-        onClick: _cache[0] || (_cache[0] = ($event) => emit("click", $event))
-      }), null, 16, ["component"]);
-    };
-  }
-});
-
-function isDefinedAndNotEmpty(obj, field) {
-  return isDefined(obj[field]) && obj[field] !== "";
-}
-
-const _hoisted_1$m = { class: "kds-empty-state" };
-const _hoisted_2$8 = { class: "kds-empty-state-headline" };
+import './index.css';const _hoisted_1$q = ["role", "title", "aria-hidden", "aria-label"];
+const _hoisted_2$b = ["src"];
 const _hoisted_3$6 = {
-  key: 0,
-  class: "kds-empty-state-description"
-};
-const _hoisted_4$4 = {
   key: 1,
-  class: "kds-empty-state-action"
+  class: "kds-avatar-initials",
+  "aria-hidden": "true"
 };
-const _sfc_main$s = /* @__PURE__ */ defineComponent({
-  __name: "KdsEmptyState",
+const _sfc_main$A = /* @__PURE__ */ defineComponent({
+  __name: "KdsAvatar",
   props: {
-    headline: {},
-    description: {},
-    buttonLabel: {},
-    buttonLeadingIcon: {},
-    buttonTrailingIcon: {},
-    buttonAriaLabel: {},
-    buttonSize: {},
-    buttonDisabled: { type: Boolean },
-    buttonTitle: {},
-    buttonVariant: {},
-    buttonDestructive: { type: Boolean },
-    buttonTo: {},
-    buttonDownload: { type: Boolean },
-    buttonTarget: {},
-    buttonRel: {}
+    initials: {},
+    src: { default: void 0 },
+    title: { default: void 0 }
   },
-  emits: ["buttonClick"],
-  setup(__props, { emit: __emit }) {
+  setup(__props) {
     const props = __props;
-    const emit = __emit;
-    const hasButton = computed(() => {
-      return isDefinedAndNotEmpty(props, "buttonLabel") || isDefinedAndNotEmpty(props, "buttonLeadingIcon");
-    });
-    const buttonType = computed(() => {
-      if (isDefinedAndNotEmpty(props, "buttonTo")) {
-        return _sfc_main$t;
+    const imageLoadFailed = ref(false);
+    watch(
+      () => props.src,
+      () => {
+        imageLoadFailed.value = false;
       }
-      return _sfc_main$u;
-    });
-    const mapProps = (mappings) => {
-      return Object.fromEntries(
-        mappings.map(([targetKey, sourceKey]) => [targetKey, props[sourceKey]]).filter(([, value]) => value !== void 0)
-      );
+    );
+    const shouldShowImage = computed(
+      () => Boolean(props.src) && !imageLoadFailed.value
+    );
+    const onImageError = () => {
+      imageLoadFailed.value = true;
     };
-    const buttonProps = computed(() => {
-      if (!hasButton.value) {
-        return {};
-      }
-      const baseProps = mapProps([
-        ["label", "buttonLabel"],
-        ["leadingIcon", "buttonLeadingIcon"],
-        ["trailingIcon", "buttonTrailingIcon"],
-        ["ariaLabel", "buttonAriaLabel"],
-        ["disabled", "buttonDisabled"],
-        ["variant", "buttonVariant"],
-        ["size", "buttonSize"],
-        ["destructive", "buttonDestructive"],
-        ["title", "buttonTitle"]
-      ]);
-      if (buttonType.value !== _sfc_main$t) {
-        return baseProps;
-      }
-      return {
-        ...baseProps,
-        ...mapProps([
-          ["to", "buttonTo"],
-          ["target", "buttonTarget"],
-          ["rel", "buttonRel"],
-          ["download", "buttonDownload"]
-        ])
-      };
-    });
-    return (_ctx, _cache) => {
-      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))
-        ])) : createCommentVNode("", true)
-      ]);
+    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 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
+      }, [
+        shouldShowImage.value ? (openBlock(), createElementBlock("img", {
+          key: 0,
+          class: "kds-avatar-image",
+          src: props.src,
+          alt: "",
+          "aria-hidden": "true",
+          onError: onImageError
+        }, null, 40, _hoisted_2$b)) : (openBlock(), createElementBlock("div", _hoisted_3$6, [
+          createElementVNode("span", null, toDisplayString(displayedInitials.value), 1)
+        ]))
+      ], 8, _hoisted_1$q);
     };
   }
 });
 
-const KdsEmptyState = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["__scopeId", "data-v-34b52d0e"]]);
+const _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+
+const KdsAvatar = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["__scopeId", "data-v-4a34a186"]]);
 
-const _hoisted_1$l = ["role", "title", "aria-hidden", "aria-label"];
-const _sfc_main$r = /* @__PURE__ */ defineComponent({
+const _hoisted_1$p = ["role", "title", "aria-hidden", "aria-label"];
+const _sfc_main$z = /* @__PURE__ */ defineComponent({
   __name: "KdsColorSwatch",
   props: {
     color: {},
@@ -367,71 +103,84 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
         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);
+      }, null, 12, _hoisted_1$p);
     };
   }
 });
 
-const KdsColorSwatch = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["__scopeId", "data-v-c8fc7e8e"]]);
+const KdsColorSwatch = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["__scopeId", "data-v-c8fc7e8e"]]);
 
-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 kdsColorSwatchType = {
+  LEARNER: "learner",
+  MANIPULATOR: "manipulator",
+  PREDICTOR: "predictor",
+  SINK: "sink",
+  SOURCE: "source",
+  VISUALIZER: "visualizer",
+  OTHER: "other"
 };
-const _sfc_main$q = /* @__PURE__ */ defineComponent({
-  __name: "KdsAvatar",
+const kdsColorSwatchTypes = Object.values(kdsColorSwatchType);
+
+const __variableDynamicImportRuntimeHelper = (glob$1, path$13, segs) => {
+	const v = glob$1[path$13];
+	if (v) return typeof v === "function" ? v() : Promise.resolve(v);
+	return new Promise((_, reject) => {
+		(typeof queueMicrotask === "function" ? queueMicrotask : setTimeout)(reject.bind(null, /* @__PURE__ */ new Error("Unknown variable dynamic import: " + path$13 + (path$13.split("/").length !== segs ? ". Note that variables only represent file names one level deep." : ""))));
+	});
+};
+
+const useIcon = ({
+  name,
+  folder
+}) => {
+  const iconCache = /* @__PURE__ */ new Map();
+  const iconComponent = shallowRef(null);
+  watch(
+    () => name.value,
+    async (newName) => {
+      if (iconCache.has(newName)) {
+        iconComponent.value = iconCache.get(newName);
+        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-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) {
+        iconComponent.value = null;
+      }
+    },
+    { immediate: true }
+  );
+  return iconComponent;
+};
+
+const _sfc_main$y = /* @__PURE__ */ defineComponent({
+  __name: "KdsIcon",
   props: {
-    initials: {},
-    src: { default: void 0 },
-    title: { default: void 0 }
+    name: {},
+    size: { default: "medium" }
   },
   setup(__props) {
     const props = __props;
-    const imageLoadFailed = ref(false);
-    watch(
-      () => props.src,
-      () => {
-        imageLoadFailed.value = false;
-      }
-    );
-    const shouldShowImage = computed(
-      () => Boolean(props.src) && !imageLoadFailed.value
-    );
-    const onImageError = () => {
-      imageLoadFailed.value = true;
-    };
-    const accessibleTitle = computed(() => props.title?.trim() ?? "");
-    const hasTitle = computed(() => accessibleTitle.value.length > 0);
-    const displayedInitials = computed(
-      () => props.initials.trim().slice(0, 2).toUpperCase()
-    );
+    const iconComponent = useIcon({ name: toRef(props, "name"), folder: "icons" });
     return (_ctx, _cache) => {
-      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
-      }, [
-        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);
+      return unref(iconComponent) ? (openBlock(), createBlock(resolveDynamicComponent(unref(iconComponent)), {
+        key: 0,
+        class: normalizeClass(["kds-icon", props.size]),
+        "aria-hidden": "true",
+        focusable: "false"
+      }, null, 8, ["class"])) : (openBlock(), createElementBlock("span", {
+        key: 1,
+        class: normalizeClass(["kds-icon", props.size]),
+        "aria-hidden": "true",
+        focusable: "false"
+      }, null, 2));
     };
   }
 });
 
-const KdsAvatar = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["__scopeId", "data-v-4a34a186"]]);
+const KdsIcon = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__scopeId", "data-v-3a57d423"]]);
 
 const ID_TO_ICON_MAP = {
   // Flow Variables
@@ -524,6 +273,164 @@ const ID_TO_ICON_MAP = {
   "jp.co.infocom.cheminfo.marvin.type.MrvValue": "microscope"
 };
 
+const iconNames = [
+  "add-user",
+  "ai-general",
+  "annotation-mode",
+  "arrow-down",
+  "arrow-up",
+  "arrows-expand",
+  "arrows-move",
+  "arrows-order",
+  "back",
+  "bold",
+  "calendar",
+  "case-sensitive",
+  "center-aligned",
+  "checkmark",
+  "chevron-down",
+  "chevron-left-double",
+  "chevron-left",
+  "chevron-right-double",
+  "chevron-right",
+  "chevron-up",
+  "circle-error",
+  "circle-info",
+  "circle-question",
+  "circle-success",
+  "cloud-download",
+  "cloud-knime",
+  "cloud-pending-changes",
+  "cloud-synced",
+  "cloud-upload",
+  "cloud-workflow",
+  "code-block",
+  "color-picker",
+  "comment",
+  "component",
+  "connection",
+  "copy",
+  "cursor",
+  "data-app",
+  "data-value-view",
+  "date-time",
+  "db-database",
+  "db-schema",
+  "db-table-view",
+  "db-table",
+  "deploy",
+  "detect",
+  "divider",
+  "duration",
+  "edit",
+  "education",
+  "error-panel",
+  "execute-all",
+  "execute",
+  "expand-panel",
+  "extension-community",
+  "extension",
+  "external-link",
+  "eye",
+  "file-export",
+  "file-text",
+  "file",
+  "filter",
+  "flow-variable-default",
+  "flow-variable-in-out",
+  "flow-variable-in",
+  "flow-variable-out",
+  "folder-plus",
+  "folder-workflow",
+  "folder",
+  "forum",
+  "function-catalog",
+  "home",
+  "import",
+  "info",
+  "interval",
+  "italic",
+  "key",
+  "layout-editor",
+  "left-aligned",
+  "like",
+  "limit",
+  "link",
+  "linked-metanode",
+  "list-bulletpoint",
+  "list-number",
+  "list-thumbs",
+  "list",
+  "local-filesystem",
+  "lock",
+  "metanode",
+  "mini-map",
+  "minimize-dialog",
+  "minimize-side-panel",
+  "minus",
+  "more-actions",
+  "node-stack",
+  "nodes-align-horiz",
+  "nodes-align-vert",
+  "open-in-new-window",
+  "pan-mode",
+  "parameter",
+  "pending-changes",
+  "placeholder",
+  "plus",
+  "quote",
+  "re-execution",
+  "redo",
+  "regex",
+  "reload",
+  "rename",
+  "replace",
+  "reset-all",
+  "resume-execution",
+  "right-aligned",
+  "rocket",
+  "save-as",
+  "save",
+  "schedule",
+  "search",
+  "secret-store",
+  "selected-cancel",
+  "selected-execution",
+  "selected-reset",
+  "send",
+  "server-rack-workflow",
+  "service",
+  "settings",
+  "share",
+  "shortcuts",
+  "sort-ascending",
+  "sort-descending",
+  "space-local",
+  "space-private",
+  "space",
+  "stepwise-execution",
+  "strikethrough",
+  "team",
+  "text",
+  "textstyles",
+  "thumbs-down",
+  "thumbs-up",
+  "time",
+  "to-bottom",
+  "to-top",
+  "trash",
+  "trigger",
+  "underline",
+  "undo",
+  "unlink",
+  "user",
+  "version",
+  "view-cards",
+  "warning",
+  "workflow",
+  "x-close"
+];
+
 const typeIconNames = [
   "audio-datatype",
   "binary-object-datatype",
@@ -577,8 +484,29 @@ const typeIconNames = [
   "xml-datatype"
 ];
 
-const _hoisted_1$j = ["title"];
-const _sfc_main$p = /* @__PURE__ */ defineComponent({
+const toEnumKey = (name) => name.toUpperCase().replace(/-/g, "_");
+const kdsIconName = Object.fromEntries(
+  iconNames.map((name) => [toEnumKey(name), name])
+);
+const kdsTypeIconName = Object.fromEntries(
+  typeIconNames.map((name) => [toEnumKey(name), name])
+);
+const kdsIconSize = {
+  XSMALL: "xsmall",
+  SMALL: "small",
+  MEDIUM: "medium",
+  LARGE: "large"
+};
+const kdsIconSizes = Object.values(kdsIconSize);
+const kdsDataTypeSize = {
+  SMALL: "small",
+  MEDIUM: "medium",
+  LARGE: "large"
+};
+const kdsDataTypeSizes = Object.values(kdsDataTypeSize);
+
+const _hoisted_1$o = ["title"];
+const _sfc_main$x = /* @__PURE__ */ defineComponent({
   __name: "KdsDataType",
   props: {
     iconName: { default: "unknown-datatype" },
@@ -618,140 +546,280 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
           "aria-hidden": "true",
           focusable: "false"
         }, null, 8, ["class"]))
-      ], 10, _hoisted_1$j);
+      ], 10, _hoisted_1$o);
     };
   }
 });
 
-const KdsDataType = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-4239a1e3"]]);
+const KdsDataType = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__scopeId", "data-v-d7166d18"]]);
 
-const _hoisted_1$i = ["data-style"];
-const _sfc_main$o = /* @__PURE__ */ defineComponent({
+const _hoisted_1$n = ["title", "aria-label"];
+const _hoisted_2$a = {
+  key: 0,
+  class: "label"
+};
+const _sfc_main$w = /* @__PURE__ */ defineComponent({
+  __name: "KdsLiveStatus",
+  props: {
+    status: { default: "red" },
+    size: { default: "medium" },
+    label: { default: "" },
+    title: { default: void 0 }
+  },
+  setup(__props) {
+    const props = __props;
+    const accessibleTitle = computed(
+      () => props.title?.trim() || `Status is ${props.status}`
+    );
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("span", {
+        class: normalizeClass(["kds-live-status", props.status, `size-${props.size}`]),
+        role: "img",
+        title: accessibleTitle.value,
+        "aria-label": accessibleTitle.value
+      }, [
+        _cache[0] || (_cache[0] = createElementVNode("span", { class: "dot" }, null, -1)),
+        props.label ? (openBlock(), createElementBlock("span", _hoisted_2$a, toDisplayString(props.label), 1)) : createCommentVNode("", true)
+      ], 10, _hoisted_1$n);
+    };
+  }
+});
+
+const KdsLiveStatus = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["__scopeId", "data-v-8bf6a94a"]]);
+
+const kdsLiveStatusStatus = {
+  RED: "red",
+  ORANGE: "orange",
+  GREEN: "green",
+  DISABLED: "disabled"
+};
+const kdsLiveStatusStatuses = Object.values(kdsLiveStatusStatus);
+const kdsLiveStatusSize = {
+  LARGE: "large",
+  MEDIUM: "medium",
+  SMALL: "small"
+};
+const kdsLiveStatusSizes = Object.values(kdsLiveStatusSize);
+
+const _hoisted_1$m = ["data-style"];
+const _sfc_main$v = /* @__PURE__ */ defineComponent({
   __name: "KdsLoadingSpinner",
   props: {
     size: { default: "medium" },
     variant: { default: "onSurface" }
   },
-  setup(__props) {
+  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$m);
+    };
+  }
+});
+
+const KdsLoadingSpinner = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["__scopeId", "data-v-74bb7c3d"]]);
+
+const kdsLoadingSpinnerVariant = {
+  ON_PRIMARY: "onPrimary",
+  ON_SURFACE: "onSurface"
+};
+const kdsLoadingSpinnerVariants = Object.values(
+  kdsLoadingSpinnerVariant
+);
+
+const _hoisted_1$l = {
+  key: 0,
+  class: "label"
+};
+const _sfc_main$u = /* @__PURE__ */ defineComponent({
+  __name: "BaseButton",
+  props: {
+    size: { default: "medium" },
+    disabled: { type: Boolean, default: false },
+    title: {},
+    variant: {},
+    label: {},
+    leadingIcon: {},
+    trailingIcon: {},
+    ariaLabel: {},
+    destructive: { type: Boolean, default: false },
+    success: { type: Boolean, default: false },
+    error: { type: Boolean, default: false },
+    toggled: { type: Boolean, default: false },
+    component: { default: "button" }
+  },
+  emits: ["click"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const classes = computed(() => [
+      "button",
+      props.size,
+      props.variant,
+      { destructive: props.destructive },
+      { disabled: props.disabled },
+      { toggled: props.toggled },
+      { success: props.success },
+      { error: props.error }
+    ]);
+    const iconSize = computed(() => {
+      if (props.size === "xsmall") {
+        return "small";
+      } else {
+        return props.size;
+      }
+    });
+    function onClick(e) {
+      if (!props.disabled) {
+        emit("click", e);
+      }
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(resolveDynamicComponent(__props.component), {
+        class: normalizeClass(classes.value),
+        disabled: props.disabled,
+        title: props.title,
+        "aria-label": props.ariaLabel,
+        onClick: _cache[0] || (_cache[0] = ($event) => onClick($event))
+      }, {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "leading", {}, () => [
+            props.leadingIcon ? (openBlock(), createBlock(KdsIcon, {
+              key: 0,
+              name: props.leadingIcon,
+              size: iconSize.value
+            }, null, 8, ["name", "size"])) : createCommentVNode("", true)
+          ], true),
+          props.label ? (openBlock(), createElementBlock("span", _hoisted_1$l, toDisplayString(props.label), 1)) : createCommentVNode("", true),
+          props.trailingIcon && props.label ? (openBlock(), createBlock(KdsIcon, {
+            key: 1,
+            name: props.trailingIcon,
+            size: iconSize.value
+          }, null, 8, ["name", "size"])) : createCommentVNode("", true)
+        ]),
+        _: 3
+      }, 8, ["class", "disabled", "title", "aria-label"]);
+    };
+  }
+});
+
+const BaseButton = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["__scopeId", "data-v-b0f9559f"]]);
+
+const _sfc_main$t = /* @__PURE__ */ defineComponent({
+  __name: "KdsButton",
+  props: {
+    size: {},
+    disabled: { type: Boolean },
+    title: {},
+    variant: { default: "filled" },
+    label: {},
+    leadingIcon: {},
+    trailingIcon: {},
+    ariaLabel: {},
+    destructive: { type: Boolean }
+  },
+  emits: ["click"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
     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);
+      return openBlock(), createBlock(BaseButton, mergeProps(props, {
+        onClick: _cache[0] || (_cache[0] = ($event) => emit("click", $event))
+      }), null, 16);
     };
   }
 });
 
-const KdsLoadingSpinner = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__scopeId", "data-v-74bb7c3d"]]);
+const getAppInstance = () => {
+  const currentInstance = getCurrentInstance();
+  return currentInstance?.appContext.app;
+};
+const resolveNuxtLinkComponent = () => {
+  const app = getAppInstance();
+  const nuxtLinkComponent = app?.component("NuxtLink");
+  if (nuxtLinkComponent) {
+    return nuxtLinkComponent;
+  }
+  const routerLinkComponent = app?.component("RouterLink");
+  if (routerLinkComponent) {
+    return routerLinkComponent;
+  }
+  const fallbackComponent = defineComponent({
+    props: {
+      to: {
+        type: String,
+        default: ""
+      }
+    },
+    render() {
+      return h("a", { href: this.to }, [useSlots().default?.()]);
+    }
+  });
+  return fallbackComponent;
+};
 
-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 },
-    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 _sfc_main$s = /* @__PURE__ */ defineComponent({
+  __name: "KdsLinkButton",
+  props: {
+    size: {},
+    disabled: { type: Boolean },
+    title: {},
+    variant: { default: "filled" },
+    label: {},
+    leadingIcon: {},
+    trailingIcon: {},
+    ariaLabel: {},
+    destructive: { type: Boolean },
+    to: {},
+    download: { type: Boolean, default: void 0 },
+    target: { default: null },
+    rel: { default: null }
+  },
+  emits: ["click"],
+  setup(__props, { emit: __emit }) {
     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;
+    const component = computed(() => {
+      if (props.disabled) {
+        return "button";
       }
-      return errorTitleByState[iconState.value] ?? baseTitle;
+      return resolveNuxtLinkComponent();
     });
+    const emit = __emit;
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("button", {
-        class: normalizeClass({
-          "variable-toggle-button": true,
-          disabled: props.disabled,
-          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);
+      return openBlock(), createBlock(BaseButton, mergeProps(props, {
+        component: component.value,
+        onClick: _cache[0] || (_cache[0] = ($event) => emit("click", $event))
+      }), null, 16, ["component"]);
     };
   }
 });
 
-const KdsVariableToggleButton = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-e9ec2634"]]);
-
-const _hoisted_1$g = ["disabled", "aria-pressed"];
-const TITLE = "Click for more information";
-const _sfc_main$m = /* @__PURE__ */ defineComponent({
-  __name: "KdsInfoToggleButton",
+const _sfc_main$r = /* @__PURE__ */ defineComponent({
+  __name: "KdsToggleButton",
   props: /* @__PURE__ */ mergeModels({
-    disabled: { type: Boolean, default: false },
-    hidden: { type: Boolean, default: false }
+    size: {},
+    disabled: { type: Boolean },
+    title: {},
+    variant: { default: "outlined" },
+    label: {},
+    leadingIcon: {},
+    trailingIcon: {},
+    ariaLabel: {}
   }, {
     "modelValue": { type: Boolean, ...{ default: false } },
     "modelModifiers": {}
@@ -761,39 +829,30 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
     const props = __props;
     const modelValue = useModel(__props, "modelValue");
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("button", {
-        class: normalizeClass({
-          "info-toggle-button": true,
-          selected: modelValue.value,
-          disabled: props.disabled,
-          hidden: props.hidden && !modelValue.value
-        }),
-        disabled: props.disabled,
-        title: TITLE,
-        "aria-label": TITLE,
+      return openBlock(), createBlock(BaseButton, mergeProps(props, {
+        toggled: modelValue.value,
         "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);
+      }), null, 16, ["toggled", "aria-pressed"]);
     };
   }
 });
 
-const KdsInfoToggleButton = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__scopeId", "data-v-4b02c8d7"]]);
+const kdsToggleButtonVariant = {
+  OUTLINED: "outlined",
+  TRANSPARENT: "transparent"
+};
+const kdsToggleButtonVariants = Object.values(kdsToggleButtonVariant);
 
-const _hoisted_1$f = ["data-visible"];
-const _hoisted_2$6 = ["data-visible"];
-const _sfc_main$l = /* @__PURE__ */ defineComponent({
+const _hoisted_1$k = ["data-visible"];
+const _hoisted_2$9 = ["data-visible"];
+const _sfc_main$q = /* @__PURE__ */ defineComponent({
   __name: "KdsProgressButton",
   props: /* @__PURE__ */ mergeModels({
     size: { default: "medium" },
-    variant: { default: "filled" },
     disabled: { type: Boolean, default: false },
+    title: {},
+    variant: { default: "filled" },
     label: {},
     leadingIcon: {},
     ariaLabel: {}
@@ -850,7 +909,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
                 name: props.leadingIcon,
                 size: iconSize.value
               }, null, 8, ["name", "size"])
-            ], 8, _hoisted_1$f),
+            ], 8, _hoisted_1$k),
             createElementVNode("span", {
               class: "spinner",
               "data-visible": state.value === "progress"
@@ -859,7 +918,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
                 size: iconSize.value,
                 variant: props.variant === "filled" ? "onPrimary" : "onSurface"
               }, null, 8, ["size", "variant"])
-            ], 8, _hoisted_2$6)
+            ], 8, _hoisted_2$9)
           ], 2)
         ]),
         _: 1
@@ -868,40 +927,175 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
   }
 });
 
-const KdsProgressButton = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__scopeId", "data-v-209e9133"]]);
+const KdsProgressButton = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["__scopeId", "data-v-ec08a9ba"]]);
+
+const kdsProgressButtonState = {
+  DEFAULT: "default",
+  PROGRESS: "progress",
+  SUCCESS: "success",
+  ERROR: "error"
+};
+const kdsProgressButtonStates = Object.values(kdsProgressButtonState);
+
+const kdsButtonSize = {
+  XSMALL: "xsmall",
+  SMALL: "small",
+  MEDIUM: "medium",
+  LARGE: "large"
+};
+const kdsButtonSizes = Object.values(kdsButtonSize);
+const kdsButtonVariant = {
+  FILLED: "filled",
+  OUTLINED: "outlined",
+  TRANSPARENT: "transparent"
+};
+const kdsButtonVariants = Object.values(kdsButtonVariant);
+
+const kdsDarkModeType = {
+  LIGHT: "light",
+  DARK: "dark",
+  SYSTEM: "system"
+};
+const kdsDarkModeTypes = Object.values(kdsDarkModeType);
+
+const KDS_DARK_MODE_STORAGE_KEY = "KNIME_DARK_MODE";
+const defaultMode = kdsDarkModeType.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 === kdsDarkModeType.SYSTEM) {
+        cssMode = "light dark";
+        themeValue = kdsDarkModeType.SYSTEM;
+      } else {
+        cssMode = themeValue = isDarkValue ? kdsDarkModeType.DARK : kdsDarkModeType.LIGHT;
+      }
+      document.documentElement.style.setProperty("color-scheme", cssMode);
+      document.documentElement.dataset.theme = themeValue;
+    }
+  });
+  const systemPrefersDark = usePreferredDark();
+  watch(
+    [userPreference, systemPrefersDark],
+    ([preference, systemDark]) => {
+      if (preference === kdsDarkModeType.SYSTEM) {
+        isDark.value = systemDark;
+      } else {
+        isDark.value = preference === kdsDarkModeType.DARK;
+      }
+    },
+    { immediate: true }
+  );
+  const currentMode = computed({
+    get() {
+      return userPreference.value;
+    },
+    set(value) {
+      userPreference.value = value;
+    }
+  });
+  const isDarkMode = computed(() => {
+    return userPreference.value === kdsDarkModeType.DARK;
+  });
+  const isLightMode = computed(() => {
+    return userPreference.value === kdsDarkModeType.LIGHT;
+  });
+  const isSystemMode = computed(
+    () => userPreference.value === kdsDarkModeType.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;
+  }
+  return element.scrollWidth > element.clientWidth;
+}
+function useKdsIsTruncated(elementRef) {
+  const isTruncated = ref(false);
+  useResizeObserver(elementRef, () => {
+    isTruncated.value = elementOverflowsHorizontally(elementRef.value);
+  });
+  return { isTruncated };
+}
 
-const _sfc_main$k = /* @__PURE__ */ defineComponent({
-  __name: "KdsToggleButton",
-  props: /* @__PURE__ */ mergeModels({
-    size: {},
-    disabled: { type: Boolean },
-    title: {},
-    variant: { default: "outlined" },
+const _hoisted_1$j = { class: "kds-label-wrapper" };
+const _hoisted_2$8 = ["id", "for", "title"];
+const _sfc_main$p = /* @__PURE__ */ defineComponent({
+  __name: "KdsLabel",
+  props: {
     label: {},
-    leadingIcon: {},
-    trailingIcon: {},
-    ariaLabel: {}
-  }, {
-    "modelValue": { type: Boolean, ...{ default: false } },
-    "modelModifiers": {}
-  }),
-  emits: ["update:modelValue"],
+    id: {},
+    for: {},
+    description: { default: void 0 },
+    showDescriptionButton: { type: Boolean, default: false }
+  },
   setup(__props) {
     const props = __props;
-    const modelValue = useModel(__props, "modelValue");
+    const KdsInfoToggleButton = defineAsyncComponent(
+      () => Promise.resolve().then(() => KdsInfoToggleButton$1)
+    );
+    const labelEl = useTemplateRef("labelEl");
+    const { isTruncated } = useKdsIsTruncated(labelEl);
     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"]);
+      return openBlock(), createElementBlock("div", _hoisted_1$j, [
+        createElementVNode("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_2$8),
+        props.description ? (openBlock(), createBlock(unref(KdsInfoToggleButton), {
+          key: 0,
+          content: props.description,
+          hidden: !props.showDescriptionButton
+        }, null, 8, ["content", "hidden"])) : createCommentVNode("", true)
+      ]);
     };
   }
 });
 
-const _hoisted_1$e = ["id"];
-const _hoisted_2$5 = { class: "subtext-text" };
-const _sfc_main$j = /* @__PURE__ */ defineComponent({
+const KdsLabel = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-1a5dc1ba"]]);
+
+const _hoisted_1$i = ["id"];
+const _hoisted_2$7 = { class: "subtext-text" };
+const _sfc_main$o = /* @__PURE__ */ defineComponent({
   __name: "KdsSubText",
   props: {
     id: {},
@@ -932,27 +1126,27 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
           variant: "onSurface",
           "aria-hidden": "true"
         })) : createCommentVNode("", true),
-        createElementVNode("span", _hoisted_2$5, toDisplayString(props.subText), 1)
-      ], 10, _hoisted_1$e)) : createCommentVNode("", true);
+        createElementVNode("span", _hoisted_2$7, toDisplayString(props.subText), 1)
+      ], 10, _hoisted_1$i)) : createCommentVNode("", true);
     };
   }
 });
 
-const KdsSubText = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-58a95aa3"]]);
+const KdsSubText = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__scopeId", "data-v-df9a85a4"]]);
 
-const _hoisted_1$d = ["disabled", "title", "aria-label", "aria-checked", "aria-describedby", "aria-invalid"];
-const _hoisted_2$4 = { class: "control" };
-const _hoisted_3$4 = {
+const _hoisted_1$h = ["disabled", "title", "aria-label", "aria-checked", "aria-describedby", "aria-invalid"];
+const _hoisted_2$6 = { class: "control" };
+const _hoisted_3$5 = {
   key: 0,
   class: "content"
 };
-const _hoisted_4$3 = { class: "label" };
+const _hoisted_4$4 = { class: "label" };
 const _hoisted_5$1 = ["id"];
 const _hoisted_6$1 = {
   key: 0,
   class: "subtext-wrapper"
 };
-const _sfc_main$i = /* @__PURE__ */ defineComponent({
+const _sfc_main$n = /* @__PURE__ */ defineComponent({
   __name: "BaseCheckbox",
   props: /* @__PURE__ */ mergeModels({
     disabled: { type: Boolean, default: false },
@@ -963,7 +1157,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
     title: {},
     helperText: {}
   }, {
-    "modelValue": { type: [Boolean, String], ...{ default: false } },
+    "modelValue": { default: false },
     "modelModifiers": {}
   }),
   emits: ["update:modelValue"],
@@ -1025,7 +1219,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
           role: "checkbox",
           onClick: handleClick
         }, [
-          createElementVNode("div", _hoisted_2$4, [
+          createElementVNode("div", _hoisted_2$6, [
             icon.value ? (openBlock(), createBlock(KdsIcon, {
               key: 0,
               name: icon.value,
@@ -1033,15 +1227,15 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
               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.label || props.helperText ? (openBlock(), createElementBlock("div", _hoisted_3$5, [
+            createElementVNode("div", _hoisted_4$4, 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),
+        ], 10, _hoisted_1$h),
         props.subText || props.preserveSubTextSpace ? (openBlock(), createElementBlock("div", _hoisted_6$1, [
           createVNode(KdsSubText, {
             id: unref(descriptionId),
@@ -1055,9 +1249,9 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
   }
 });
 
-const BaseCheckbox = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-3751dc60"]]);
+const BaseCheckbox = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-428e95ca"]]);
 
-const _sfc_main$h = /* @__PURE__ */ defineComponent({
+const _sfc_main$m = /* @__PURE__ */ defineComponent({
   __name: "KdsCheckbox",
   props: /* @__PURE__ */ mergeModels({
     disabled: { type: Boolean, default: false },
@@ -1067,7 +1261,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
     label: {},
     title: {}
   }, {
-    "modelValue": { type: [Boolean, String], ...{ default: false } },
+    "modelValue": { default: false },
     "modelModifiers": {}
   }),
   emits: ["update:modelValue"],
@@ -1089,128 +1283,8 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
   }
 });
 
-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 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;
-  }
-  return element.scrollWidth > element.clientWidth;
-}
-function useKdsIsTruncated(elementRef) {
-  const isTruncated = ref(false);
-  useResizeObserver(elementRef, () => {
-    isTruncated.value = elementOverflowsHorizontally(elementRef.value);
-  });
-  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({
+const _hoisted_1$g = ["id", "aria-labelledby", "aria-describedby"];
+const _sfc_main$l = /* @__PURE__ */ defineComponent({
   __name: "KdsCheckboxGroup",
   props: /* @__PURE__ */ mergeModels({
     id: {},
@@ -1294,26 +1368,40 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
           "preserve-sub-text-space": props.preserveSubTextSpace,
           error: hasError.value
         }, null, 8, ["id", "sub-text", "preserve-sub-text-space", "error"])
-      ], 8, _hoisted_1$b);
+      ], 8, _hoisted_1$g);
     };
   }
 });
 
-const KdsCheckboxGroup = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-538e7d4c"]]);
+const KdsCheckboxGroup = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__scopeId", "data-v-c38eeda5"]]);
 
-const _hoisted_1$a = ["aria-checked", "aria-describedby", "aria-invalid", "disabled"];
-const _hoisted_2$3 = { class: "control" };
-const _hoisted_3$3 = {
+const kdsCheckboxGroupAlignment = {
+  VERTICAL: "vertical",
+  HORIZONTAL: "horizontal"
+};
+const kdsCheckboxGroupAlignments = Object.values(
+  kdsCheckboxGroupAlignment
+);
+const kdsCheckboxValue = {
+  CHECKED: true,
+  UNCHECKED: false,
+  INDETERMINATE: "indeterminate"
+};
+const kdsCheckboxValues = Object.values(kdsCheckboxValue);
+
+const _hoisted_1$f = ["aria-checked", "aria-describedby", "aria-invalid", "disabled"];
+const _hoisted_2$5 = { class: "control" };
+const _hoisted_3$4 = {
   key: 0,
   class: "dot",
   viewBox: "0 0 2 2",
   "aria-hidden": "true",
   focusable: "false"
 };
-const _hoisted_4$2 = { class: "content" };
+const _hoisted_4$3 = { class: "content" };
 const _hoisted_5 = { class: "label" };
 const _hoisted_6 = ["id"];
-const _sfc_main$e = /* @__PURE__ */ defineComponent({
+const _sfc_main$k = /* @__PURE__ */ defineComponent({
   __name: "KdsRadioButton",
   props: /* @__PURE__ */ mergeModels({
     text: {},
@@ -1353,8 +1441,8 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
         type: "button",
         onClick: handleClick
       }, [
-        createElementVNode("div", _hoisted_2$3, [
-          modelValue.value ? (openBlock(), createElementBlock("svg", _hoisted_3$3, [..._cache[0] || (_cache[0] = [
+        createElementVNode("div", _hoisted_2$5, [
+          modelValue.value ? (openBlock(), createElementBlock("svg", _hoisted_3$4, [..._cache[0] || (_cache[0] = [
             createElementVNode("circle", {
               cx: "1",
               cy: "1",
@@ -1362,7 +1450,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
             }, null, -1)
           ])])) : createCommentVNode("", true)
         ]),
-        createElementVNode("div", _hoisted_4$2, [
+        createElementVNode("div", _hoisted_4$3, [
           createElementVNode("div", _hoisted_5, toDisplayString(props.text), 1),
           props.helperText ? (openBlock(), createElementBlock("div", {
             key: 0,
@@ -1370,12 +1458,12 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
             class: "helper-text"
           }, toDisplayString(props.helperText), 9, _hoisted_6)) : createCommentVNode("", true)
         ])
-      ], 10, _hoisted_1$a);
+      ], 10, _hoisted_1$f);
     };
   }
 });
 
-const KdsRadioButton = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-a7490a52"]]);
+const KdsRadioButton = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-a7490a52"]]);
 
 const useRadioSelection = ({
   selectedId,
@@ -1497,8 +1585,8 @@ const useRadioSelection = ({
   };
 };
 
-const _hoisted_1$9 = ["id", "aria-labelledby", "aria-describedby"];
-const _sfc_main$d = /* @__PURE__ */ defineComponent({
+const _hoisted_1$e = ["id", "aria-labelledby", "aria-describedby"];
+const _sfc_main$j = /* @__PURE__ */ defineComponent({
   __name: "KdsRadioButtonGroup",
   props: /* @__PURE__ */ mergeModels({
     id: {},
@@ -1527,7 +1615,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
     const labelId = useId();
     const descriptionId = useId();
     const groupName = useId();
-    const optionContainer = ref(null);
+    const optionContainer = useTemplateRef("optionContainer");
     const { tabIndexForOption, handleClick, handleKeyDown, hasError } = useRadioSelection({
       selectedId: modelValue,
       options,
@@ -1577,15 +1665,15 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
           "preserve-sub-text-space": props.preserveSubTextSpace,
           error: unref(hasError)
         }, null, 8, ["id", "sub-text", "preserve-sub-text-space", "error"])
-      ], 8, _hoisted_1$9);
+      ], 8, _hoisted_1$e);
     };
   }
 });
 
-const KdsRadioButtonGroup = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-b0e27ba1"]]);
+const KdsRadioButtonGroup = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-9cc4dcdd"]]);
 
-const _hoisted_1$8 = ["aria-checked", "aria-label", "disabled", "tabindex", "title"];
-const _sfc_main$c = /* @__PURE__ */ defineComponent({
+const _hoisted_1$d = ["aria-checked", "aria-label", "disabled", "tabindex", "title"];
+const _sfc_main$i = /* @__PURE__ */ defineComponent({
   __name: "ValueSwitchItem",
   props: {
     selected: { type: Boolean },
@@ -1601,7 +1689,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     const props = __props;
-    const optionTextEl = ref(null);
+    const optionTextEl = useTemplateRef("optionTextEl");
     const { isTruncated } = useKdsIsTruncated(optionTextEl);
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("button", {
@@ -1635,12 +1723,12 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
           name: props.trailingIcon,
           size: props.size
         }, null, 8, ["name", "size"])) : createCommentVNode("", true)
-      ], 10, _hoisted_1$8);
+      ], 10, _hoisted_1$d);
     };
   }
 });
 
-const ValueSwitchItem = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-68535333"]]);
+const ValueSwitchItem = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-93f3f577"]]);
 
 const useValueSwitchIconHiding = ({
   width,
@@ -1691,8 +1779,8 @@ const useValueSwitchIconHiding = ({
   };
 };
 
-const _hoisted_1$7 = ["id", "aria-invalid", "aria-labelledby", "aria-describedby"];
-const _sfc_main$b = /* @__PURE__ */ defineComponent({
+const _hoisted_1$c = ["id", "aria-invalid", "aria-labelledby", "aria-describedby"];
+const _sfc_main$h = /* @__PURE__ */ defineComponent({
   __name: "KdsValueSwitch",
   props: /* @__PURE__ */ mergeModels({
     id: {},
@@ -1722,13 +1810,15 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
     );
     const labelId = useId();
     const descriptionId = useId();
-    const availableWidthContainer = ref(null);
+    const availableWidthContainer = useTemplateRef(
+      "availableWidthContainer"
+    );
     const { width } = useElementSize(availableWidthContainer);
     const { shouldHideIcons, setItemEl } = useValueSwitchIconHiding({
       width,
       options
     });
-    const optionContainer = ref(null);
+    const optionContainer = useTemplateRef("optionContainer");
     const { tabIndexForOption, handleClick, handleKeyDown } = useRadioSelection({
       selectedId: modelValue,
       options,
@@ -1783,20 +1873,38 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
           "preserve-sub-text-space": props.preserveSubTextSpace,
           error: props.error
         }, null, 8, ["id", "sub-text", "preserve-sub-text-space", "error"])
-      ], 10, _hoisted_1$7);
+      ], 10, _hoisted_1$c);
     };
   }
 });
 
-const KdsValueSwitch = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-e5da4485"]]);
+const KdsValueSwitch = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-666d4c10"]]);
 
-const _hoisted_1$6 = { class: "kds-form-field" };
-const _sfc_main$a = /* @__PURE__ */ defineComponent({
+const kdsRadioButtonGroupAlignment = {
+  VERTICAL: "vertical",
+  HORIZONTAL: "horizontal"
+};
+const kdsRadioButtonGroupAlignments = Object.values(
+  kdsRadioButtonGroupAlignment
+);
+const kdsValueSwitchSize = {
+  SMALL: "small",
+  MEDIUM: "medium"
+};
+const kdsValueSwitchSizes = Object.values(kdsValueSwitchSize);
+const kdsValueSwitchVariant = {
+  DEFAULT: "default",
+  MUTED: "muted"
+};
+const kdsValueSwitchVariants = Object.values(kdsValueSwitchVariant);
+
+const _sfc_main$g = /* @__PURE__ */ defineComponent({
   __name: "BaseFormFieldWrapper",
   props: {
     id: {},
     label: {},
     ariaLabel: {},
+    description: {},
     subText: {},
     error: { type: Boolean },
     validating: { type: Boolean },
@@ -1805,17 +1913,24 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const props = __props;
     const fallbackId = useId();
-    const inputId = computed(() => props.id ?? fallbackId);
+    const inputId = computed(() => props.id?.trim() || fallbackId);
     const labelId = computed(() => `${inputId.value}-label`);
     const subTextId = computed(() => `${inputId.value}-subtext`);
+    const isHovered = ref(false);
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$6, [
+      return openBlock(), createElementBlock("div", {
+        class: "kds-form-field",
+        onMouseenter: _cache[0] || (_cache[0] = ($event) => isHovered.value = true),
+        onMouseleave: _cache[1] || (_cache[1] = ($event) => isHovered.value = false)
+      }, [
         props.label ? (openBlock(), createBlock(KdsLabel, {
           key: 0,
           id: labelId.value,
           for: inputId.value,
-          label: props.label
-        }, null, 8, ["id", "for", "label"])) : createCommentVNode("", true),
+          label: props.label,
+          description: props.description,
+          "show-description-button": isHovered.value
+        }, null, 8, ["id", "for", "label", "description", "show-description-button"])) : createCommentVNode("", true),
         renderSlot(_ctx.$slots, "default", {
           id: inputId.value,
           ariaLabelledby: props.label ? labelId.value : void 0,
@@ -1830,27 +1945,27 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
           validating: props.validating,
           "preserve-sub-text-space": props.preserveSubTextSpace
         }, null, 8, ["id", "sub-text", "error", "validating", "preserve-sub-text-space"])
-      ]);
+      ], 32);
     };
   }
 });
 
-const BaseFormFieldWrapper = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-016a46e9"]]);
+const BaseFormFieldWrapper = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-5d99c134"]]);
 
-const _hoisted_1$5 = {
+const _hoisted_1$b = {
   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 = {
+const _hoisted_2$4 = ["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$3 = {
   key: 3,
   class: "trailing-slot"
 };
-const _hoisted_4$1 = {
+const _hoisted_4$2 = {
   key: 4,
   class: "icon-wrapper trailing"
 };
-const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+const _sfc_main$f = /* @__PURE__ */ defineComponent({
   __name: "BaseInput",
   props: /* @__PURE__ */ mergeModels({
     id: {},
@@ -1888,7 +2003,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     const props = __props;
     const emit = __emit;
     const modelValue = useModel(__props, "modelValue");
-    const inputRef = ref(null);
+    const inputRef = useTemplateRef("input");
     const hasValue = computed(() => modelValue.value.length > 0);
     const showUnitPlaceholder = computed(
       () => Boolean(props.unit) && modelValue.value.trim().length === 0
@@ -1926,7 +2041,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
         }),
         onClick: handleContainerClick
       }, [
-        props.leadingIcon ? (openBlock(), createElementBlock("div", _hoisted_1$5, [
+        props.leadingIcon ? (openBlock(), createElementBlock("div", _hoisted_1$b, [
           props.leadingIcon ? (openBlock(), createBlock(KdsIcon, {
             key: 0,
             name: props.leadingIcon
@@ -1934,8 +2049,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
         ])) : createCommentVNode("", true),
         createElementVNode("input", {
           id: props.id,
-          ref_key: "inputRef",
-          ref: inputRef,
+          ref: "input",
           value: modelValue.value,
           type: props.type,
           inputmode: props.inputmode,
@@ -1963,7 +2077,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
           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),
+        }, null, 42, _hoisted_2$4),
         props.unit ? (openBlock(), createElementBlock("span", {
           key: 1,
           class: normalizeClass({
@@ -1972,7 +2086,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
             disabled: props.disabled
           })
         }, toDisplayString(props.unit), 3)) : createCommentVNode("", true),
-        props.clearable && hasValue.value && !props.disabled && !props.readonly ? (openBlock(), createBlock(_sfc_main$u, {
+        props.clearable && hasValue.value && !props.disabled && !props.readonly ? (openBlock(), createBlock(_sfc_main$t, {
           key: 2,
           class: "clear-button",
           type: "button",
@@ -1983,10 +2097,10 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
           title: "Clear",
           onClick: withModifiers(clearAndFocusInput, ["stop"])
         })) : createCommentVNode("", true),
-        _ctx.$slots.trailing ? (openBlock(), createElementBlock("div", _hoisted_3$2, [
+        _ctx.$slots.trailing ? (openBlock(), createElementBlock("div", _hoisted_3$3, [
           renderSlot(_ctx.$slots, "trailing", {}, void 0, true)
         ])) : createCommentVNode("", true),
-        props.trailingIcon ? (openBlock(), createElementBlock("div", _hoisted_4$1, [
+        props.trailingIcon ? (openBlock(), createElementBlock("div", _hoisted_4$2, [
           createVNode(KdsIcon, {
             name: props.trailingIcon
           }, null, 8, ["name"])
@@ -1996,53 +2110,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   }
 });
 
-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: {},
-    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 modelValue = useModel(__props, "modelValue");
-    return (_ctx, _cache) => {
-      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 BaseInput = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-cf72eb5a"]]);
 
 const additionalGroupSeparators = [" ", " ", " "];
 const decimalSeparatorSample = 1.1;
@@ -2166,9 +2234,10 @@ const createKdsNumberParser = (params) => {
   };
 };
 
-const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+const _sfc_main$e = /* @__PURE__ */ defineComponent({
   __name: "KdsNumberInput",
   props: /* @__PURE__ */ mergeModels({
+    description: {},
     label: {},
     ariaLabel: {},
     id: {},
@@ -2191,14 +2260,13 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     "modelModifiers": {}
   }),
   emits: ["update:modelValue"],
-  setup(__props) {
+  setup(__props, { expose: __expose }) {
     const props = __props;
     const modelValue = useModel(__props, "modelValue");
     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 })
+      () => createKdsNumberParser({ locale: "en-US", step: props.step })
     );
     const ariaValuenow = computed(
       () => Number.isFinite(modelValue.value) ? modelValue.value : void 0
@@ -2292,10 +2360,17 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
       modelValue.value = normalized;
       localValue.value = numberParser.value.formatForDisplay(normalized);
     };
+    const baseInput = useTemplateRef("baseInput");
+    __expose({
+      focus: () => baseInput.value?.focus()
+    });
     return (_ctx, _cache) => {
       return openBlock(), createBlock(BaseFormFieldWrapper, normalizeProps(guardReactiveProps(props)), {
         default: withCtx((slotProps) => [
-          createVNode(BaseInput, mergeProps(slotProps, {
+          createVNode(BaseInput, mergeProps({
+            ref_key: "baseInput",
+            ref: baseInput
+          }, slotProps, {
             "model-value": localValue.value,
             type: "text",
             inputmode: props.step >= 1 ? "numeric" : "decimal",
@@ -2318,7 +2393,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
             onBlur: handleBlur
           }), {
             trailing: withCtx(() => [
-              createVNode(_sfc_main$u, {
+              createVNode(_sfc_main$t, {
                 type: "button",
                 size: "xsmall",
                 variant: "outlined",
@@ -2327,7 +2402,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
                 disabled: !canDecrease.value,
                 onClick: _cache[0] || (_cache[0] = ($event) => adjustByStep(-1))
               }, null, 8, ["aria-label", "disabled"]),
-              createVNode(_sfc_main$u, {
+              createVNode(_sfc_main$t, {
                 type: "button",
                 size: "xsmall",
                 variant: "outlined",
@@ -2433,9 +2508,10 @@ const parseRegexToPatternInputValue = (regex, options) => {
   return wildcard ?? body;
 };
 
-const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+const _sfc_main$d = /* @__PURE__ */ defineComponent({
   __name: "KdsPatternInput",
   props: /* @__PURE__ */ mergeModels({
+    description: {},
     label: {},
     ariaLabel: {},
     id: {},
@@ -2454,7 +2530,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     "modelModifiers": {}
   }),
   emits: ["update:modelValue"],
-  setup(__props) {
+  setup(__props, { expose: __expose }) {
     const props = __props;
     const regex = useModel(__props, "modelValue");
     const uiValue = ref("");
@@ -2488,10 +2564,17 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     const patternModeAriaLabel = computed(
       () => useRegex.value ? "Use regex pattern" : "Use wildcard pattern"
     );
+    const baseInput = useTemplateRef("baseInput");
+    __expose({
+      focus: () => baseInput.value?.focus()
+    });
     return (_ctx, _cache) => {
       return openBlock(), createBlock(BaseFormFieldWrapper, normalizeProps(guardReactiveProps(props)), {
         default: withCtx((slotProps) => [
-          createVNode(BaseInput, mergeProps(slotProps, {
+          createVNode(BaseInput, mergeProps({
+            ref_key: "baseInput",
+            ref: baseInput
+          }, slotProps, {
             modelValue: uiValue.value,
             "onUpdate:modelValue": [
               _cache[3] || (_cache[3] = ($event) => uiValue.value = $event),
@@ -2509,7 +2592,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
             clearable: ""
           }), {
             trailing: withCtx(() => [
-              createVNode(_sfc_main$k, {
+              createVNode(_sfc_main$r, {
                 modelValue: caseSensitive.value,
                 "onUpdate:modelValue": [
                   _cache[0] || (_cache[0] = ($event) => caseSensitive.value = $event),
@@ -2522,7 +2605,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
                 "aria-label": caseSensitiveAriaLabel.value,
                 disabled: props.disabled || props.readonly
               }, null, 8, ["modelValue", "title", "aria-label", "disabled"]),
-              createVNode(_sfc_main$k, {
+              createVNode(_sfc_main$r, {
                 modelValue: excludeMatches.value,
                 "onUpdate:modelValue": [
                   _cache[1] || (_cache[1] = ($event) => excludeMatches.value = $event),
@@ -2535,7 +2618,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
                 "aria-label": excludeMatchesAriaLabel.value,
                 disabled: props.disabled || props.readonly
               }, null, 8, ["modelValue", "title", "aria-label", "disabled"]),
-              createVNode(_sfc_main$k, {
+              createVNode(_sfc_main$r, {
                 modelValue: useRegex.value,
                 "onUpdate:modelValue": [
                   _cache[2] || (_cache[2] = ($event) => useRegex.value = $event),
@@ -2558,9 +2641,10 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+const _sfc_main$c = /* @__PURE__ */ defineComponent({
   __name: "KdsSearchInput",
   props: /* @__PURE__ */ mergeModels({
+    description: {},
     label: {},
     ariaLabel: {},
     id: {},
@@ -2582,19 +2666,16 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   setup(__props, { expose: __expose }) {
     const props = __props;
     const modelValue = useModel(__props, "modelValue");
-    const baseInputRef = ref(null);
+    const baseInput = useTemplateRef("baseInput");
     __expose({
-      /**
-       * Focuses the input element
-       */
-      focus: () => baseInputRef.value?.focus()
+      focus: () => baseInput.value?.focus()
     });
     return (_ctx, _cache) => {
       return openBlock(), createBlock(BaseFormFieldWrapper, normalizeProps(guardReactiveProps(props)), {
         default: withCtx((slotProps) => [
           createVNode(BaseInput, mergeProps({
-            ref_key: "baseInputRef",
-            ref: baseInputRef
+            ref_key: "baseInput",
+            ref: baseInput
           }, slotProps, {
             modelValue: modelValue.value,
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => modelValue.value = $event),
@@ -2616,10 +2697,65 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _hoisted_1$4 = ["rows", "placeholder", "disabled", "readonly", "required", "name", "autocomplete"];
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+const _sfc_main$b = /* @__PURE__ */ defineComponent({
+  __name: "KdsTextInput",
+  props: /* @__PURE__ */ mergeModels({
+    description: {},
+    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, { expose: __expose }) {
+    const props = __props;
+    const modelValue = useModel(__props, "modelValue");
+    const baseInput = useTemplateRef("baseInput");
+    __expose({
+      focus: () => baseInput.value?.focus()
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(BaseFormFieldWrapper, normalizeProps(guardReactiveProps(props)), {
+        default: withCtx((slotProps) => [
+          createVNode(BaseInput, mergeProps({
+            ref_key: "baseInput",
+            ref: baseInput
+          }, 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 _hoisted_1$a = ["rows", "placeholder", "disabled", "readonly", "required", "name", "autocomplete"];
+const _sfc_main$a = /* @__PURE__ */ defineComponent({
   __name: "KdsTextarea",
   props: /* @__PURE__ */ mergeModels({
+    description: {},
     label: {},
     ariaLabel: {},
     id: {},
@@ -2635,79 +2771,435 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     autocomplete: {},
     rows: { default: 3 }
   }, {
-    "modelValue": { default: "" },
+    "modelValue": { default: "" },
+    "modelModifiers": {}
+  }),
+  emits: ["update:modelValue"],
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    const normalizedRows = computed(() => Math.max(1, props.rows));
+    const modelValue = useModel(__props, "modelValue");
+    const textareaElement = useTemplateRef("textareaElement");
+    function resize() {
+      const element = textareaElement.value;
+      if (!element) {
+        return;
+      }
+      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 });
+    __expose({
+      focus: () => {
+        textareaElement.value?.focus();
+      }
+    });
+    return (_ctx, _cache) => {
+      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$a), [
+            [vModelText, modelValue.value]
+          ])
+        ]),
+        _: 1
+      }, 16);
+    };
+  }
+});
+
+const KdsTextarea = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-2e4d2d42"]]);
+
+const _hoisted_1$9 = ["id", "popover", "role"];
+const _hoisted_2$3 = {
+  key: 0,
+  class: "kds-popover-default-content"
+};
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+  __name: "KdsPopover",
+  props: /* @__PURE__ */ mergeModels({
+    activatorEl: {},
+    anchorEl: {},
+    placement: { default: "bottom-left" },
+    role: { default: "dialog" },
+    fullWidth: { type: Boolean, default: false },
+    content: {}
+  }, {
+    "modelValue": { type: Boolean, ...{ default: false } },
+    "modelModifiers": {}
+  }),
+  emits: ["update:modelValue"],
+  setup(__props) {
+    const props = __props;
+    const open = useModel(__props, "modelValue");
+    const popoverEl = useTemplateRef("popoverEl");
+    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", props.role);
+    };
+    watch(open, (isOpen) => {
+      if (isOpen) {
+        popoverEl.value?.showPopover?.();
+      } else {
+        popoverEl.value?.hidePopover?.();
+      }
+      const activatorElement = resolveElement(unref(props.activatorEl));
+      activatorElement?.setAttribute("aria-expanded", String(isOpen));
+    });
+    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: unref(popoverId),
+        ref_key: "popoverEl",
+        ref: popoverEl,
+        class: normalizeClass(["kds-popover", ["floating", props.placement, { "full-width": props.fullWidth }]]),
+        popover: unref(props.activatorEl) ? "auto" : void 0,
+        style: normalizeStyle({ "position-anchor": anchorName }),
+        role: props.role,
+        onToggle: _cache[0] || (_cache[0] = ($event) => open.value = $event.newState === "open")
+      }, [
+        open.value ? renderSlot(_ctx.$slots, "default", { key: 0 }, () => [
+          props.content?.trim().length ? (openBlock(), createElementBlock("div", _hoisted_2$3, toDisplayString(props.content), 1)) : createCommentVNode("", true)
+        ], true) : createCommentVNode("", true)
+      ], 46, _hoisted_1$9);
+    };
+  }
+});
+
+const KdsPopover = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-1e24f98e"]]);
+
+const _hoisted_1$8 = { class: "kds-info-popover-content" };
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+  __name: "InfoPopover",
+  props: {
+    content: {}
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1$8, [
+        renderSlot(_ctx.$slots, "default", {}, () => [
+          createTextVNode(toDisplayString(props.content), 1)
+        ], true)
+      ]);
+    };
+  }
+});
+
+const InfoPopover = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-64f7db25"]]);
+
+const _hoisted_1$7 = ["aria-pressed"];
+const TITLE = "Click for more information";
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+  __name: "KdsInfoToggleButton",
+  props: /* @__PURE__ */ mergeModels({
+    content: {},
+    hidden: { type: Boolean, default: false }
+  }, {
+    "modelValue": { type: Boolean, ...{ default: false } },
+    "modelModifiers": {}
+  }),
+  emits: ["update:modelValue"],
+  setup(__props) {
+    const props = __props;
+    const modelValue = useModel(__props, "modelValue");
+    const buttonEl = useTemplateRef("buttonEl");
+    const isHovered = ref(false);
+    const isFocused = ref(false);
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(Fragment, null, [
+        createElementVNode("button", mergeProps({
+          ref_key: "buttonEl",
+          ref: buttonEl
+        }, _ctx.$attrs, {
+          class: {
+            "info-toggle-button": true,
+            selected: modelValue.value,
+            hidden: props.hidden && !modelValue.value && !isHovered.value && !isFocused.value
+          },
+          title: TITLE,
+          "aria-label": TITLE,
+          "aria-pressed": modelValue.value,
+          type: "button",
+          onClick: _cache[0] || (_cache[0] = ($event) => modelValue.value = !modelValue.value),
+          onMouseenter: _cache[1] || (_cache[1] = ($event) => isHovered.value = true),
+          onMouseleave: _cache[2] || (_cache[2] = ($event) => isHovered.value = false),
+          onFocus: _cache[3] || (_cache[3] = ($event) => isFocused.value = true),
+          onBlur: _cache[4] || (_cache[4] = ($event) => isFocused.value = false)
+        }), [
+          createVNode(KdsIcon, {
+            name: "circle-question",
+            size: "small"
+          })
+        ], 16, _hoisted_1$7),
+        createVNode(KdsPopover, {
+          modelValue: modelValue.value,
+          "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => modelValue.value = $event),
+          "activator-el": buttonEl.value,
+          placement: "top-right"
+        }, {
+          default: withCtx(() => [
+            createVNode(InfoPopover, {
+              content: props.content
+            }, {
+              default: withCtx(() => [
+                renderSlot(_ctx.$slots, "default", {}, void 0, true)
+              ]),
+              _: 3
+            }, 8, ["content"])
+          ]),
+          _: 3
+        }, 8, ["modelValue", "activator-el"])
+      ], 64);
+    };
+  }
+});
+
+const KdsInfoToggleButton = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-5070a398"]]);
+
+const KdsInfoToggleButton$1 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
+  __proto__: null,
+  default: KdsInfoToggleButton
+}, Symbol.toStringTag, { value: 'Module' }));
+
+const _hoisted_1$6 = { class: "kds-variable-popover" };
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+  __name: "VariablePopover",
+  props: {
+    content: {}
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1$6, [
+        renderSlot(_ctx.$slots, "default", {}, () => [
+          createTextVNode(toDisplayString(props.content), 1)
+        ], true)
+      ]);
+    };
+  }
+});
+
+const VariablePopover = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-54c206b9"]]);
+
+const _hoisted_1$5 = ["title", "aria-label", "aria-pressed"];
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+  __name: "KdsVariableToggleButton",
+  props: /* @__PURE__ */ mergeModels({
+    content: {},
+    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 normalizedRows = computed(() => Math.max(1, props.rows));
     const modelValue = useModel(__props, "modelValue");
-    const textareaElement = ref(null);
-    function resize() {
-      const element = textareaElement.value;
-      if (!element) {
-        return;
+    const buttonEl = useTemplateRef("buttonEl");
+    const isHovered = ref(false);
+    const isFocused = ref(false);
+    const iconState = computed(() => {
+      if (props.inSet && props.outSet) {
+        return "in-out";
       }
-      element.style.height = "auto";
-      const scrollHeight = element.scrollHeight;
-      const offsetHeight = element.offsetHeight;
-      if (scrollHeight <= offsetHeight) {
-        return;
+      if (props.inSet) {
+        return "in";
       }
-      element.style.height = `${scrollHeight}px`;
-    }
-    useResizeObserver(textareaElement, resize);
-    watch(modelValue, resize, { immediate: true });
+      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;
+    });
     return (_ctx, _cache) => {
-      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]
-          ])
-        ]),
-        _: 1
-      }, 16);
+      return openBlock(), createElementBlock(Fragment, null, [
+        createElementVNode("button", mergeProps({
+          ref_key: "buttonEl",
+          ref: buttonEl
+        }, _ctx.$attrs, {
+          class: {
+            "variable-toggle-button": true,
+            error: props.error,
+            "pressed-or-set": modelValue.value || props.inSet || props.outSet,
+            hidden: props.hidden && !modelValue.value && !isHovered.value && !isFocused.value
+          },
+          title: title.value,
+          "aria-label": title.value,
+          "aria-pressed": modelValue.value,
+          type: "button",
+          onClick: _cache[0] || (_cache[0] = ($event) => modelValue.value = !modelValue.value),
+          onMouseenter: _cache[1] || (_cache[1] = ($event) => isHovered.value = true),
+          onMouseleave: _cache[2] || (_cache[2] = ($event) => isHovered.value = false),
+          onFocus: _cache[3] || (_cache[3] = ($event) => isFocused.value = true),
+          onBlur: _cache[4] || (_cache[4] = ($event) => isFocused.value = false)
+        }), [
+          createVNode(KdsIcon, {
+            name: iconName.value,
+            size: "small"
+          }, null, 8, ["name"])
+        ], 16, _hoisted_1$5),
+        createVNode(KdsPopover, {
+          modelValue: modelValue.value,
+          "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => modelValue.value = $event),
+          "activator-el": buttonEl.value,
+          placement: "bottom-right"
+        }, {
+          default: withCtx(() => [
+            createVNode(VariablePopover, {
+              content: props.content
+            }, {
+              default: withCtx(() => [
+                renderSlot(_ctx.$slots, "default", {}, void 0, true)
+              ]),
+              _: 3
+            }, 8, ["content"])
+          ]),
+          _: 3
+        }, 8, ["modelValue", "activator-el"])
+      ], 64);
     };
   }
 });
 
-const KdsTextarea = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-bd6bd85c"]]);
+const KdsVariableToggleButton = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-64296d74"]]);
 
-const modalLayoutPropsDefault = {
+const kdsModalClosedBy = {
+  ANY: "any",
+  CLOSEREQUEST: "closerequest",
+  NONE: "none"
+};
+const kdsModalClosedByOptions = Object.values(kdsModalClosedBy);
+const kdsModalWidth = {
+  SMALL: "small",
+  MEDIUM: "medium",
+  LARGE: "large",
+  XLARGE: "xlarge",
+  FULL: "full"
+};
+const kdsModalWidthSizes = Object.values(kdsModalWidth);
+const kdsModalHeight = {
+  AUTO: "auto",
+  FULL: "full"
+};
+const kdsModalHeightSizes = Object.values(kdsModalHeight);
+const kdsModalVariant = {
+  PADDED: "padded",
+  PLAIN: "plain"
+};
+const kdsModalVariants = Object.values(kdsModalVariant);
+const kdsModalLayoutPropsDefault = {
   title: "",
-  variant: "padded",
+  variant: kdsModalVariant.PADDED,
   overflow: "auto",
   icon: void 0
 };
-const modalPropsDefault = {
+const kdsModalPropsDefault = {
   active: false,
-  height: "auto",
-  width: "medium",
-  closedby: "closerequest",
-  ...modalLayoutPropsDefault
+  height: kdsModalHeight.AUTO,
+  width: kdsModalWidth.MEDIUM,
+  closedby: kdsModalClosedBy.CLOSEREQUEST,
+  ...kdsModalLayoutPropsDefault
 };
 
-const _hoisted_1$3 = { class: "modal-header" };
-const _hoisted_2$1 = { class: "modal-header-title" };
-const _hoisted_3$1 = ["data-variant"];
-const _hoisted_4 = {
+const _hoisted_1$4 = { class: "modal-header" };
+const _hoisted_2$2 = { class: "modal-header-title" };
+const _hoisted_3$2 = ["data-variant"];
+const _hoisted_4$1 = {
   key: 0,
   class: "modal-footer"
 };
-const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   ...{ inheritAttrs: false },
   __name: "KdsModalLayout",
   props: /* @__PURE__ */ mergeDefaults({
@@ -2716,22 +3208,22 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     icon: {},
     overflow: {},
     onClose: { type: Function }
-  }, modalLayoutPropsDefault),
+  }, kdsModalLayoutPropsDefault),
   setup(__props) {
     useCssVars((_ctx) => ({
-      "cd035744": _ctx.overflow
+      "v3305d0f4": _ctx.overflow
     }));
     const props = __props;
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock(Fragment, null, [
-        createElementVNode("header", _hoisted_1$3, [
+        createElementVNode("header", _hoisted_1$4, [
           props.icon ? (openBlock(), createBlock(KdsIcon, {
             key: 0,
             name: props.icon,
             size: "medium"
           }, null, 8, ["name"])) : createCommentVNode("", true),
-          createElementVNode("div", _hoisted_2$1, toDisplayString(props.title), 1),
-          createVNode(_sfc_main$u, {
+          createElementVNode("div", _hoisted_2$2, toDisplayString(props.title), 1),
+          createVNode(_sfc_main$t, {
             "leading-icon": "x-close",
             variant: "transparent",
             size: "medium",
@@ -2744,8 +3236,8 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
           "data-variant": __props.variant
         }, [
           renderSlot(_ctx.$slots, "body", {}, void 0, true)
-        ], 8, _hoisted_3$1),
-        _ctx.$slots.footer ? (openBlock(), createElementBlock("footer", _hoisted_4, [
+        ], 8, _hoisted_3$2),
+        _ctx.$slots.footer ? (openBlock(), createElementBlock("footer", _hoisted_4$1, [
           renderSlot(_ctx.$slots, "footer", {}, void 0, true)
         ])) : createCommentVNode("", true)
       ], 64);
@@ -2753,10 +3245,10 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const KdsModalLayout = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-b5dcb5bc"]]);
+const KdsModalLayout = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-7dbd159b"]]);
 
-const _hoisted_1$2 = ["closedby"];
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+const _hoisted_1$3 = ["closedby"];
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   __name: "KdsModal",
   props: /* @__PURE__ */ mergeDefaults({
     icon: {},
@@ -2767,11 +3259,11 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     active: { type: Boolean },
     closedby: {},
     overflow: {}
-  }, modalPropsDefault),
+  }, kdsModalPropsDefault),
   emits: ["close", "closed"],
   setup(__props, { emit: __emit }) {
     useCssVars((_ctx) => ({
-      "v5f7d64ea": _ctx.overflow
+      "v085a353b": _ctx.overflow
     }));
     const props = __props;
     const emit = __emit;
@@ -2848,12 +3340,12 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
             _: 3
           }, 8, ["title", "icon", "variant", "overflow"])
         ], true)
-      ], 42, _hoisted_1$2)) : createCommentVNode("", true);
+      ], 42, _hoisted_1$3)) : createCommentVNode("", true);
     };
   }
 });
 
-const KdsModal = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-9bd33041"]]);
+const KdsModal = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-c95b809a"]]);
 
 const createUnwrappedPromise = () => {
   let resolve = () => {
@@ -2946,16 +3438,16 @@ const useKdsDynamicModal = () => {
   };
 };
 
-const _hoisted_1$1 = {
+const _hoisted_1$2 = {
   key: 1,
   class: "confirmation"
 };
-const _hoisted_2 = { class: "message" };
-const _hoisted_3 = {
+const _hoisted_2$1 = { class: "message" };
+const _hoisted_3$1 = {
   key: 0,
   class: "ask-again"
 };
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "KdsDynamicModalProvider",
   setup(__props) {
     const askAgain = ref(false);
@@ -3008,10 +3500,10 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
         unref(config)?.type === "confirm" ? {
           name: "body",
           fn: withCtx(() => [
-            unref(internal).isTemplateBasedConfirm(unref(config).value) ? (openBlock(), createBlock(resolveDynamicComponent(unref(config).value.component), { key: 0 })) : (openBlock(), createElementBlock("div", _hoisted_1$1, [
-              createElementVNode("div", _hoisted_2, toDisplayString(unref(config).value.message), 1),
-              unref(config).value.doNotAskAgain ? (openBlock(), createElementBlock("div", _hoisted_3, [
-                createVNode(_sfc_main$h, {
+            unref(internal).isTemplateBasedConfirm(unref(config).value) ? (openBlock(), createBlock(resolveDynamicComponent(unref(config).value.component), { key: 0 })) : (openBlock(), createElementBlock("div", _hoisted_1$2, [
+              createElementVNode("div", _hoisted_2$1, toDisplayString(unref(config).value.message), 1),
+              unref(config).value.doNotAskAgain ? (openBlock(), createElementBlock("div", _hoisted_3$1, [
+                createVNode(_sfc_main$m, {
                   modelValue: askAgain.value,
                   "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => askAgain.value = $event),
                   label: unref(config).value.doNotAskAgain.label,
@@ -3026,7 +3518,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
           name: "footer",
           fn: withCtx(() => [
             (openBlock(true), createElementBlock(Fragment, null, renderList(unref(config).value.buttons, (button, index) => {
-              return openBlock(), createBlock(_sfc_main$u, {
+              return openBlock(), createBlock(_sfc_main$t, {
                 key: index,
                 destructive: button.destructive,
                 autofocus: button.autofocus,
@@ -3056,96 +3548,171 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const KdsDynamicModalProvider = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-1ab7aa8f"]]);
+const KdsDynamicModalProvider = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-67e036b5"]]);
 
-const _hoisted_1 = ["id", "popover"];
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "KdsPopover",
+const kdsPopoverPlacement = {
+  TOP_LEFT: "top-left",
+  TOP_RIGHT: "top-right",
+  BOTTOM_LEFT: "bottom-left",
+  BOTTOM_RIGHT: "bottom-right"
+};
+const kdsPopoverPlacements = Object.values(kdsPopoverPlacement);
+const kdsPopoverRole = {
+  DIALOG: "dialog",
+  MENU: "menu",
+  LISTBOX: "listbox"
+};
+const kdsPopoverRoles = Object.values(kdsPopoverRole);
+
+const _hoisted_1$1 = ["aria-label", "aria-labelledby", "aria-disabled", "aria-pressed", "tabindex", "onKeydown"];
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "KdsCard",
   props: /* @__PURE__ */ mergeModels({
-    activatorEl: {},
-    anchorEl: {},
-    placement: { default: "bottom-right" }
+    variant: { default: "filled" },
+    selectable: { type: Boolean, default: false },
+    disabled: { type: Boolean, default: false },
+    ariaLabel: {},
+    ariaLabelledby: {}
   }, {
     "modelValue": { type: Boolean, ...{ default: false } },
     "modelModifiers": {}
   }),
-  emits: ["update:modelValue"],
-  setup(__props) {
-    const props = __props;
-    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");
+  emits: /* @__PURE__ */ mergeModels(["click"], ["update:modelValue"]),
+  setup(__props, { emit: __emit }) {
+    const modelValue = useModel(__props, "modelValue");
+    const emit = __emit;
+    const selected = computed(() => modelValue.value && __props.selectable);
+    const handleClick = (event) => {
+      if (__props.disabled) {
         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?.();
+      if (__props.selectable) {
+        modelValue.value = !modelValue.value;
       } else {
-        popoverEl.value?.hidePopover?.();
+        emit("click", event);
       }
-      const activatorElement = resolveElement(unref(props.activatorEl));
-      activatorElement?.setAttribute("aria-expanded", String(isOpen));
-    });
-    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: 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")
+        class: normalizeClass(["kds-card", [
+          `variant-${__props.variant}`,
+          { selected: selected.value },
+          { disabled: __props.disabled }
+        ]]),
+        role: "button",
+        "aria-label": __props.ariaLabel,
+        "aria-labelledby": __props.ariaLabelledby,
+        "aria-disabled": __props.disabled,
+        "aria-pressed": __props.selectable ? modelValue.value : void 0,
+        tabindex: __props.disabled ? -1 : 0,
+        onClick: handleClick,
+        onKeydown: [
+          withKeys(withModifiers(handleClick, ["prevent"]), ["enter"]),
+          withKeys(withModifiers(handleClick, ["prevent"]), ["space"])
+        ]
       }, [
         renderSlot(_ctx.$slots, "default", {}, void 0, true)
-      ], 46, _hoisted_1);
+      ], 42, _hoisted_1$1);
+    };
+  }
+});
+
+const KdsCard = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-c64f0e2e"]]);
+
+function isDefinedAndNotEmpty(obj, field) {
+  return isDefined(obj[field]) && obj[field] !== "";
+}
+
+const _hoisted_1 = { class: "kds-empty-state" };
+const _hoisted_2 = { class: "kds-empty-state-headline" };
+const _hoisted_3 = {
+  key: 0,
+  class: "kds-empty-state-description"
+};
+const _hoisted_4 = {
+  key: 1,
+  class: "kds-empty-state-action"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "KdsEmptyState",
+  props: {
+    headline: {},
+    description: {},
+    buttonSize: {},
+    buttonDisabled: { type: Boolean },
+    buttonTitle: {},
+    buttonVariant: {},
+    buttonDestructive: { type: Boolean },
+    buttonLabel: {},
+    buttonLeadingIcon: {},
+    buttonTrailingIcon: {},
+    buttonAriaLabel: {},
+    buttonTo: {},
+    buttonDownload: { type: Boolean },
+    buttonTarget: {},
+    buttonRel: {}
+  },
+  emits: ["buttonClick"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const hasButton = computed(() => {
+      return isDefinedAndNotEmpty(props, "buttonLabel") || isDefinedAndNotEmpty(props, "buttonLeadingIcon");
+    });
+    const buttonType = computed(() => {
+      if (isDefinedAndNotEmpty(props, "buttonTo")) {
+        return _sfc_main$s;
+      }
+      return _sfc_main$t;
+    });
+    const mapProps = (mappings) => {
+      return Object.fromEntries(
+        mappings.map(([targetKey, sourceKey]) => [targetKey, props[sourceKey]]).filter(([, value]) => value !== void 0)
+      );
+    };
+    const buttonProps = computed(() => {
+      if (!hasButton.value) {
+        return {};
+      }
+      const baseProps = mapProps([
+        ["label", "buttonLabel"],
+        ["leadingIcon", "buttonLeadingIcon"],
+        ["trailingIcon", "buttonTrailingIcon"],
+        ["ariaLabel", "buttonAriaLabel"],
+        ["disabled", "buttonDisabled"],
+        ["variant", "buttonVariant"],
+        ["size", "buttonSize"],
+        ["destructive", "buttonDestructive"],
+        ["title", "buttonTitle"]
+      ]);
+      if (buttonType.value !== _sfc_main$s) {
+        return baseProps;
+      }
+      return {
+        ...baseProps,
+        ...mapProps([
+          ["to", "buttonTo"],
+          ["target", "buttonTarget"],
+          ["rel", "buttonRel"],
+          ["download", "buttonDownload"]
+        ])
+      };
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("p", _hoisted_2, toDisplayString(props.headline), 1),
+        props.description ? (openBlock(), createElementBlock("p", _hoisted_3, toDisplayString(props.description), 1)) : createCommentVNode("", true),
+        hasButton.value ? (openBlock(), createElementBlock("div", _hoisted_4, [
+          (openBlock(), createBlock(resolveDynamicComponent(buttonType.value), mergeProps(buttonProps.value, {
+            onClick: _cache[0] || (_cache[0] = ($event) => emit("buttonClick", $event))
+          }), null, 16))
+        ])) : createCommentVNode("", true)
+      ]);
     };
   }
 });
 
-const KdsPopover = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c38b0586"]]);
+const KdsEmptyState = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-059bb01e"]]);
 
-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 };
+export { KdsAvatar, _sfc_main$t as KdsButton, KdsCard, _sfc_main$m as KdsCheckbox, KdsCheckboxGroup, KdsColorSwatch, KdsDataType, KdsDynamicModalProvider, KdsEmptyState, KdsIcon, KdsInfoToggleButton, KdsLabel, _sfc_main$s as KdsLinkButton, KdsLiveStatus, KdsLoadingSpinner, KdsModal, KdsModalLayout, _sfc_main$e as KdsNumberInput, _sfc_main$d as KdsPatternInput, KdsPopover, KdsProgressButton, KdsRadioButton, KdsRadioButtonGroup, _sfc_main$c as KdsSearchInput, KdsSubText, _sfc_main$b as KdsTextInput, KdsTextarea, _sfc_main$r as KdsToggleButton, KdsValueSwitch, KdsVariableToggleButton, kdsButtonSize, kdsButtonSizes, kdsButtonVariant, kdsButtonVariants, kdsCheckboxGroupAlignment, kdsCheckboxGroupAlignments, kdsCheckboxValue, kdsCheckboxValues, kdsColorSwatchType, kdsColorSwatchTypes, kdsDarkModeType, kdsDarkModeTypes, kdsDataTypeSize, kdsDataTypeSizes, kdsIconName, iconNames as kdsIconNames, kdsIconSize, kdsIconSizes, kdsLiveStatusSize, kdsLiveStatusSizes, kdsLiveStatusStatus, kdsLiveStatusStatuses, kdsLoadingSpinnerVariant, kdsLoadingSpinnerVariants, kdsModalClosedBy, kdsModalClosedByOptions, kdsModalHeight, kdsModalHeightSizes, kdsModalVariant, kdsModalVariants, kdsModalWidth, kdsModalWidthSizes, kdsPopoverPlacement, kdsPopoverPlacements, kdsPopoverRole, kdsPopoverRoles, kdsProgressButtonState, kdsProgressButtonStates, kdsRadioButtonGroupAlignment, kdsRadioButtonGroupAlignments, kdsToggleButtonVariant, kdsToggleButtonVariants, kdsTypeIconName, typeIconNames as kdsTypeIconNames, kdsValueSwitchSize, kdsValueSwitchSizes, kdsValueSwitchVariant, kdsValueSwitchVariants, useKdsDarkMode, useKdsDynamicModal, useKdsIsTruncated, useKdsLegacyMode };
 //# sourceMappingURL=index.js.map