@knime/jsonforms 2.1.0 → 3.0.0

package/dist/{GridSelectionControl-QyQmweDR.js → GridSelectionControl-BaI4j0Jj.js}

@@ -1,9 +1,10 @@
-import { defineComponent as S, useCssVars as U, unref as n, ref as T, computed as s, watch as h, openBlock as r, createElementBlock as u, normalizeStyle as B, Fragment as D, renderList as G, createBlock as f, createCommentVNode as p, createVNode as $, withModifiers as A } from "vue";
-import { Z as N, $ as z, E as O, _ as H } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_c79c6b71_lang-H1rQVLn0.js";
-const R = { class: "grid-list" }, W = {
+import { defineComponent as S, useCssVars as T, unref as a, ref as U, computed as s, watch as f, openBlock as r, createElementBlock as u, normalizeStyle as B, Fragment as D, renderList as G, createBlock as _, createCommentVNode as p, createVNode as A, withModifiers as N } from "vue";
+import { KdsToggleButton as z, KdsCheckbox as K, KdsButton as O } from "@knime/kds-components";
+import { _ as R } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_c79c6b71_lang-Ccuf283K.js";
+const W = { class: "grid-list" }, $ = {
   key: 1,
   class: "checkbox"
-}, Z = 7, j = "auto", q = "Invert selection", J = /* @__PURE__ */ S({
+}, H = 7, j = "auto", q = "Invert selection", J = /* @__PURE__ */ S({
   __name: "GridSelectionControl",
   props: {
     handleChange: { type: Function },
@@ -16,101 +17,101 @@ const R = { class: "grid-list" }, W = {
     labelForId: {}
   },
   setup(b) {
-    U((e) => ({
-      bf8a5982: n(k)
+    T((e) => ({
+      bf8a5982: a(k)
     }));
     const c = b, {
       control: { path: y, uischema: { options: C } = {} },
       handleChange: V
     } = c, {
-      possibleValues: o = [],
-      columnCount: I = Z,
+      possibleValues: n = [],
+      columnCount: I = H,
       gridWidth: k = j,
       toggleLabel: m = q,
       renderLastItemAsCheckbox: d = !1
-    } = C, a = T(/* @__PURE__ */ new Map()), x = s(() => ({
+    } = C, o = U(/* @__PURE__ */ new Map()), x = s(() => ({
       "grid-template-columns": `repeat(${I}, 1fr)`
     })), E = s(
-      () => o.filter(
-        (e, t) => !(d && t === o.length - 1)
+      () => n.filter(
+        (e, t) => !(d && t === n.length - 1)
       )
     ), i = s(
-      () => d ? o[o.length - 1] : null
+      () => d ? n[n.length - 1] : null
     ), M = () => {
       const e = /* @__PURE__ */ new Map();
-      a.value.forEach(
+      o.value.forEach(
         ({ active: t }, l) => {
           e.set(l, {
             active: !t
           });
         }
-      ), a.value = e;
+      ), o.value = e;
     }, w = () => {
       const e = /* @__PURE__ */ new Map();
-      return o.forEach(({ id: t }) => {
+      return n.forEach(({ id: t }) => {
         e.set(t, { active: c.control.data?.includes(t) ?? !1 });
       }), e;
     }, g = s(() => {
       const e = [];
-      return a.value.forEach(
+      return o.value.forEach(
         ({ active: t }, l) => {
           t && e.push(l);
         }
       ), e;
-    }), F = s(() => c.control.data ?? []), _ = s(() => {
+    }), F = s(() => c.control.data ?? []), h = s(() => {
       const e = g.value, t = F.value;
       if (e.length !== t.length)
         return !0;
       const l = new Set(t);
       return e.some((v) => !l.has(v));
     });
-    return h(
+    return f(
       () => c.control.data,
       () => {
-        _.value && (a.value = w());
+        h.value && (o.value = w());
       },
       { immediate: !0, deep: !0 }
-    ), h(
-      () => a.value,
+    ), f(
+      () => o.value,
       () => {
-        _.value && V(y, g.value);
+        h.value && V(y, g.value);
       },
       { deep: !0 }
-    ), (e, t) => (r(), u("div", R, [
-      n(o).length ? (r(), u("div", {
+    ), (e, t) => (r(), u("div", W, [
+      a(n).length ? (r(), u("div", {
         key: 0,
         class: "grid-list-container",
         style: B(x.value)
       }, [
-        (r(!0), u(D, null, G(E.value, ({ id: l, text: v }) => (r(), f(n(N), {
+        (r(!0), u(D, null, G(E.value, ({ id: l, text: v }) => (r(), _(a(z), {
           key: `grid-item-${l}`,
-          modelValue: a.value.get(l).active,
-          "onUpdate:modelValue": (L) => a.value.get(l).active = L,
+          modelValue: o.value.get(l).active,
+          "onUpdate:modelValue": (L) => o.value.get(l).active = L,
           class: "overwrite-legacy-styles",
           label: v,
           variant: "outlined",
           size: "xsmall"
         }, null, 8, ["modelValue", "onUpdate:modelValue", "label"]))), 128))
       ], 4)) : p("", !0),
-      n(d) && i.value ? (r(), u("div", W, [
-        $(n(z), {
-          modelValue: a.value.get(i.value.id).active,
-          "onUpdate:modelValue": t[0] || (t[0] = (l) => a.value.get(i.value.id).active = l),
+      a(d) && i.value ? (r(), u("div", $, [
+        A(a(K), {
+          modelValue: o.value.get(i.value.id).active,
+          "onUpdate:modelValue": t[0] || (t[0] = (l) => o.value.get(i.value.id).active = l),
           label: i.value.text
         }, null, 8, ["modelValue", "label"])
       ])) : p("", !0),
-      n(m) ? (r(), f(n(O), {
+      a(m) ? (r(), _(a(O), {
         key: 2,
         variant: "outlined",
         size: "xsmall",
-        label: n(m),
+        label: a(m),
         "leading-icon": "replace",
         class: "invert overwrite-legacy-styles",
-        onClick: A(M, ["prevent"])
+        onClick: N(M, ["prevent"])
       }, null, 8, ["label"])) : p("", !0)
     ]));
   }
-}), Q = /* @__PURE__ */ H(J, [["__scopeId", "data-v-b6393b68"]]);
+}), Y = /* @__PURE__ */ R(J, [["__scopeId", "data-v-b6393b68"]]);
 export {
-  Q as default
+  Y as default
 };

package/dist/HorizontalLayout-D1SRCyhL.js

@@ -0,0 +1,26 @@
+import { defineComponent as r, openBlock as t, createElementBlock as a, Fragment as n, renderList as c, createBlock as s, unref as u } from "vue";
+import { DispatchRenderer as m } from "@jsonforms/vue";
+import { _ as i } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_c79c6b71_lang-Ccuf283K.js";
+const d = { class: "horizontal" }, h = /* @__PURE__ */ r({
+  __name: "HorizontalLayout",
+  props: {
+    layout: {}
+  },
+  setup(e) {
+    return (y, f) => (t(), a("div", d, [
+      (t(!0), a(n, null, c(e.layout.uischema.elements, (l, o) => (t(), s(u(m), {
+        key: o,
+        class: "horizontal-element",
+        schema: e.layout.schema,
+        uischema: l,
+        path: e.layout.path,
+        enabled: e.layout.enabled,
+        renderers: e.layout.renderers,
+        cells: e.layout.cells
+      }, null, 8, ["schema", "uischema", "path", "enabled", "renderers", "cells"]))), 128))
+    ]));
+  }
+}), z = /* @__PURE__ */ i(h, [["__scopeId", "data-v-8f2ebb37"]]);
+export {
+  z as default
+};

package/dist/{IntegerControl-CLuWAExp.js → IntegerControl-v93Xw4DJ.js}

@@ -1,5 +1,5 @@
 import { defineComponent as o, openBlock as n, createBlock as t, mergeProps as r } from "vue";
-import { _ as p } from "./NumberControlBase.vue_vue_type_script_setup_true_lang-Db11G6yz.js";
+import { _ as p } from "./NumberControlBase.vue_vue_type_script_setup_true_lang-DMTsK83k.js";
 const s = /* @__PURE__ */ o({
   __name: "IntegerControl",
   props: {

package/dist/{IntervalControl-CFFs8kRw.js → IntervalControl-CVlO_mFO.js}

@@ -1,6 +1,7 @@
 import { defineComponent as p, computed as a, openBlock as b, createBlock as f, unref as r } from "vue";
 import { T as g } from "./index-_VUHzju5.js";
-import { u as l, a0 as h } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_c79c6b71_lang-H1rQVLn0.js";
+import { KdsIntervalInput as v } from "@knime/kds-components";
+import { u as l } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_c79c6b71_lang-Ccuf283K.js";
 const V = /* @__PURE__ */ p({
   __name: "IntervalControl",
   props: {
@@ -20,7 +21,7 @@ const V = /* @__PURE__ */ p({
       n,
       "intervalType",
       "DATE_OR_TIME"
-    ), c = a(() => u.value.toLowerCase()), i = l(n, "allowDescending", !0), d = (o) => {
+    ), c = a(() => u.value.toLowerCase()), d = l(n, "allowDescending", !0), i = (o) => {
       if (!o)
         return null;
       try {
@@ -29,15 +30,15 @@ const V = /* @__PURE__ */ p({
         return null;
       }
     }, s = a(
-      () => d(t.control.data)
+      () => i(t.control.data)
     ), m = (o) => {
       t.changeValue(o?.toString() ?? "");
     };
-    return (o, v) => (b(), f(r(h), {
+    return (o, h) => (b(), f(r(v), {
       id: e.labelForId,
       ariaLabel: t.control.label,
       "model-value": s.value,
-      "allow-descending": r(i),
+      "allow-descending": r(d),
       disabled: e.disabled,
       error: e.error,
       format: c.value,

package/dist/{LinkControl-BtCX1pHr.js → LinkControl-j8GrcZZG.js}

@@ -1,6 +1,7 @@
-import { defineComponent as r, useCssVars as s, unref as n, openBlock as p, createElementBlock as d, createVNode as u } from "vue";
-import { a1 as m, _ } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_c79c6b71_lang-H1rQVLn0.js";
-const g = { class: "link-wrapper" }, b = /* @__PURE__ */ r({
+import { defineComponent as c, useCssVars as s, unref as n, openBlock as p, createElementBlock as d, createVNode as u } from "vue";
+import { KdsLinkButton as m } from "@knime/kds-components";
+import { _ as g } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_c79c6b71_lang-Ccuf283K.js";
+const _ = { class: "link-wrapper" }, b = /* @__PURE__ */ c({
   __name: "LinkControl",
   props: {
     control: {},
@@ -13,11 +14,11 @@ const g = { class: "link-wrapper" }, b = /* @__PURE__ */ r({
     onRegisterValidation: { type: Function }
   },
   setup(o) {
-    s((c) => ({
+    s((r) => ({
       v7f757bb0: n(e)
     }));
     const t = o, e = t.control.uischema.options?.alignment === "right" ? "flex-end" : "flex-start", { to: a, leadingIcon: l, trailingIcon: i } = t.control.uischema.options || {};
-    return (c, f) => (p(), d("div", g, [
+    return (r, f) => (p(), d("div", _, [
       u(n(m), {
         class: "link-button",
         label: o.control.label,
@@ -29,7 +30,7 @@ const g = { class: "link-wrapper" }, b = /* @__PURE__ */ r({
       }, null, 8, ["label", "to", "leading-icon", "trailing-icon"])
     ]));
   }
-}), k = /* @__PURE__ */ _(b, [["__scopeId", "data-v-c55bc56b"]]);
+}), y = /* @__PURE__ */ g(b, [["__scopeId", "data-v-c55bc56b"]]);
 export {
-  k as default
+  y as default
 };

package/dist/{LoadingDropdown.vue_vue_type_script_setup_true_lang-CHAtK3ts.js → LoadingDropdown.vue_vue_type_script_setup_true_lang-DFSHuMQ6.js}

@@ -1,6 +1,6 @@
-import { defineComponent as v, computed as s, openBlock as V, createBlock as f, unref as y, mergeProps as g } from "vue";
-import { V as _ } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_c79c6b71_lang-H1rQVLn0.js";
-const L = /* @__PURE__ */ v({
+import { defineComponent as v, computed as o, openBlock as V, createBlock as y, unref as f, mergeProps as g } from "vue";
+import { KdsDropdown as x } from "@knime/kds-components";
+const _ = /* @__PURE__ */ v({
   __name: "LoadingDropdown",
   props: {
     possibleValues: {},
@@ -11,10 +11,10 @@ const L = /* @__PURE__ */ v({
     error: { type: Boolean }
   },
   emits: ["update:modelValue"],
-  setup(r, { emit: u }) {
-    const e = r, n = u, d = s(() => e.possibleValues === null ? "" : e.modelValue), i = s(() => e.possibleValues === null), p = s(
+  setup(i, { emit: u }) {
+    const e = i, n = u, d = o(() => e.possibleValues === null ? "" : e.modelValue), r = o(() => e.possibleValues === null), p = o(
       () => e.possibleValues?.some((a) => a.type !== void 0)
-    ), o = s(() => {
+    ), s = o(() => {
       if (e.possibleValues === null)
         return [];
       const a = [];
@@ -34,18 +34,18 @@ const L = /* @__PURE__ */ v({
         });
       }
       return a;
-    }), c = s(() => i.value ? "Loading" : o.value.length > 0 ? "No value selected" : "No values present"), b = s(
-      () => e.disabled || o.value.length === 0
+    }), c = o(() => r.value ? "Loading" : s.value.length > 0 ? "No value selected" : "No values present"), b = o(
+      () => e.disabled || s.value.length === 0
     ), m = (a) => {
       n("update:modelValue", a ?? "");
     };
-    return (a, l) => (V(), f(y(_), g(a.$attrs, {
+    return (a, l) => (V(), y(f(x), g(a.$attrs, {
       id: e.id,
       ariaLabel: e.ariaLabel,
       "model-value": d.value,
       disabled: b.value,
-      "possible-values": o.value,
-      loading: i.value,
+      "possible-values": s.value,
+      loading: r.value,
       placeholder: c.value,
       error: e.error,
       "onUpdate:modelValue": m
@@ -53,5 +53,5 @@ const L = /* @__PURE__ */ v({
   }
 });
 export {
-  L as _
+  _
 };

package/dist/{ManualTwinlistControl-CEc0aapr.js → ManualTwinlistControl-BzJehuHs.js}

@@ -1,9 +1,9 @@
 import { defineComponent as k, toRef as i, computed as d, openBlock as C, createBlock as V, unref as a, mergeProps as U } from "vue";
-import { Y as I } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_c79c6b71_lang-H1rQVLn0.js";
+import { KdsTwinList as I } from "@knime/kds-components";
 import { m as r } from "./index-Blg1O3Fz.js";
-import { a as M, u as v } from "./usePossibleValues-11Tpukcj.js";
+import { a as M, u as v } from "./usePossibleValues-CXVLf00v.js";
 import { t as F } from "./toKdsPossibleValues-BklBg3gG.js";
-import { u as L } from "./useUnknownValuesInTwinlist-DTmgcWUF.js";
+import { u as L } from "./useUnknownValuesInTwinlist-uXOCQkVS.js";
 const K = /* @__PURE__ */ k({
   __name: "ManualTwinlistControl",
   props: {

package/dist/{MultimodeTwinlistControl-CBoJGoyA.js → MultimodeTwinlistControl-Br0DrpsZ.js}

@@ -1,4 +1,4 @@
-import { _ as f } from "./MultimodeTwinlistControl.vue_vue_type_script_setup_true_lang-CsV_Tj00.js";
+import { _ as f } from "./MultimodeTwinlistControl.vue_vue_type_script_setup_true_lang-CHcU__0y.js";
 export {
   f as default
 };

package/dist/{MultimodeTwinlistControl.vue_vue_type_script_setup_true_lang-CsV_Tj00.js → MultimodeTwinlistControl.vue_vue_type_script_setup_true_lang-CHcU__0y.js}

@@ -1,9 +1,9 @@
 import { defineComponent as A, toRef as h, computed as u, openBlock as B, createBlock as S, unref as c, mergeProps as N } from "vue";
-import { a5 as r, Y } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_c79c6b71_lang-H1rQVLn0.js";
+import { kdsTwinListSearchMode as r, KdsTwinList as G } from "@knime/kds-components";
 import { m as g } from "./index-Blg1O3Fz.js";
-import { u as G, a as X } from "./usePossibleValues-11Tpukcj.js";
+import { u as X, a as Y } from "./usePossibleValues-CXVLf00v.js";
 import { t as W } from "./toKdsPossibleValues-BklBg3gG.js";
-import { u as q } from "./useUnknownValuesInTwinlist-DTmgcWUF.js";
+import { u as q } from "./useUnknownValuesInTwinlist-uXOCQkVS.js";
 const O = /* @__PURE__ */ A({
   __name: "MultimodeTwinlistControl",
   props: {
@@ -19,9 +19,9 @@ const O = /* @__PURE__ */ A({
     showTypeFilter: { type: Boolean, default: !1 }
   },
   setup(l) {
-    const a = l, { possibleValues: i } = G(
+    const a = l, { possibleValues: i } = X(
       h(a, "control")
-    ), { excludedLabel: T, includedLabel: x } = X(
+    ), { excludedLabel: T, includedLabel: x } = Y(
       h(a, "control")
     ), { selectedAndDeselected: p, setCurrentManualFilter: C } = q({
       data: u(() => a.control.data),
@@ -121,7 +121,7 @@ const O = /* @__PURE__ */ A({
         typeFilter: { selectedTypes: e, typeDisplays: t }
       });
     };
-    return (e, t) => (B(), S(c(Y), N(e.$attrs, {
+    return (e, t) => (B(), S(c(G), N(e.$attrs, {
       id: l.labelForId,
       ariaLabel: l.control.label,
       disabled: l.disabled,

package/dist/{NameFilter-BTt1i8CY.js → NameFilter-BjuVseuX.js}

@@ -1,5 +1,5 @@
 import { defineComponent as n, openBlock as o, createBlock as t, mergeProps as a } from "vue";
-import { _ as r } from "./MultimodeTwinlistControl.vue_vue_type_script_setup_true_lang-CsV_Tj00.js";
+import { _ as r } from "./MultimodeTwinlistControl.vue_vue_type_script_setup_true_lang-CHcU__0y.js";
 const i = /* @__PURE__ */ n({
   __name: "NameFilter",
   props: {

package/dist/{NumberControl-1GXYZjSP.js → NumberControl-BF76FEhD.js}

@@ -1,5 +1,5 @@
 import { defineComponent as o, openBlock as n, createBlock as t, mergeProps as r } from "vue";
-import { _ as p } from "./NumberControlBase.vue_vue_type_script_setup_true_lang-Db11G6yz.js";
+import { _ as p } from "./NumberControlBase.vue_vue_type_script_setup_true_lang-DMTsK83k.js";
 const i = /* @__PURE__ */ o({
   __name: "NumberControl",
   props: {

package/dist/{NumberControlBase.vue_vue_type_script_setup_true_lang-Db11G6yz.js → NumberControlBase.vue_vue_type_script_setup_true_lang-DMTsK83k.js}

@@ -1,7 +1,7 @@
-import { defineComponent as u, computed as s, openBlock as m, createBlock as d, unref as p } from "vue";
-import { W as x } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_c79c6b71_lang-H1rQVLn0.js";
-import { u as b } from "./useBuiltinValidations-DSimz2dt.js";
-const E = 1, v = 0.1, h = /* @__PURE__ */ u({
+import { defineComponent as c, computed as r, openBlock as m, createBlock as d, unref as p } from "vue";
+import { KdsNumberInput as x } from "@knime/kds-components";
+import { u as b } from "./useBuiltinValidations-_4IBMopQ.js";
+const E = 1, v = 0.1, T = /* @__PURE__ */ c({
   __name: "NumberControlBase",
   props: {
     control: {},
@@ -15,31 +15,31 @@ const E = 1, v = 0.1, h = /* @__PURE__ */ u({
     type: {}
   },
   setup(t) {
-    const o = t, i = s(
+    const o = t, i = r(
       () => o.control.uischema.options?.stepSize ?? (o.type === "integer" ? E : v)
     ), l = b(
       {
-        min: ({ min: e, isExclusive: n }) => (a) => isNaN(a) || (n ? a > e : a >= e),
-        max: ({ max: e, isExclusive: n }) => (a) => isNaN(a) || (n ? a < e : a <= e)
+        min: ({ min: e, isExclusive: a }) => (n) => isNaN(n) || (a ? n > e : n >= e),
+        max: ({ max: e, isExclusive: a }) => (n) => isNaN(n) || (a ? n < e : n <= e)
       },
       o
-    ), r = s(() => {
+    ), s = r(() => {
       const e = l.value.min;
       if (!(!e || e.min === null))
         return e.min + (e.isExclusive ? i.value : 0);
-    }), c = s(() => {
+    }), u = r(() => {
       const e = l.value.max;
       if (!(!e || e.max === null))
         return e.max - (e.isExclusive ? i.value : 0);
     });
-    return (e, n) => (m(), d(p(x), {
+    return (e, a) => (m(), d(p(x), {
       id: t.labelForId,
       ariaLabel: t.control.label,
       class: "number-input",
       disabled: t.disabled,
       "model-value": t.control.data,
-      min: r.value,
-      max: c.value,
+      min: s.value,
+      max: u.value,
       step: i.value,
       error: t.error,
       "sub-text": t.subText,
@@ -48,5 +48,5 @@ const E = 1, v = 0.1, h = /* @__PURE__ */ u({
   }
 });
 export {
-  h as _
+  T as _
 };

package/dist/{OneOfDropdown-DDKmYyq1.js → OneOfDropdown-DpXmZauV.js}

@@ -1,6 +1,6 @@
-import { defineComponent as s, computed as u, openBlock as d, createBlock as i, unref as t } from "vue";
-import { V as c } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_c79c6b71_lang-H1rQVLn0.js";
-import { o as m } from "./index-Blg1O3Fz.js";
+import { defineComponent as s, computed as d, openBlock as u, createBlock as i, unref as t } from "vue";
+import { KdsDropdown as c } from "@knime/kds-components";
+import { o as p } from "./index-Blg1O3Fz.js";
 const x = /* @__PURE__ */ s({
   __name: "OneOfDropdown",
   props: {
@@ -14,11 +14,11 @@ const x = /* @__PURE__ */ s({
     labelForId: {}
   },
   setup(e) {
-    const o = e, n = o.control.schema?.oneOf?.map(m) ?? [], a = u({
+    const o = e, n = o.control.schema?.oneOf?.map(p) ?? [], a = d({
       get: () => o.control.data ?? "",
       set: o.changeValue
     });
-    return (b, l) => (d(), i(t(c), {
+    return (b, l) => (u(), i(t(c), {
       id: e.labelForId,
       modelValue: a.value,
       "onUpdate:modelValue": l[0] || (l[0] = (r) => a.value = r),

package/dist/{ProgressButtonControl-CrSd11vZ.js → ProgressButtonControl-t8QMA22a.js}

@@ -1,5 +1,6 @@
 import { defineComponent as v, computed as l, ref as r, openBlock as g, createElementBlock as f, createVNode as m, unref as b, renderSlot as C } from "vue";
-import { D as y, a6 as B, _ as I } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_c79c6b71_lang-H1rQVLn0.js";
+import { KdsProgressButton as y } from "@knime/kds-components";
+import { v as B, _ as I } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_c79c6b71_lang-Ccuf283K.js";
 const F = 1e3, S = "auto-configure", T = /* @__PURE__ */ v({
   __name: "ProgressButtonControl",
   props: {
@@ -17,7 +18,7 @@ const F = 1e3, S = "auto-configure", T = /* @__PURE__ */ v({
       () => a.control.uischema.options.triggerId
     ), i = l(
       () => a.control.uischema.options?.icon ?? S
-    ), c = y("trigger"), e = r("default"), n = r(!1), d = async () => {
+    ), c = B("trigger"), e = r("default"), n = r(!1), d = async () => {
       e.value = "progress";
       try {
         await c({ id: u.value }), e.value = "success", setTimeout(() => {
@@ -32,7 +33,7 @@ const F = 1e3, S = "auto-configure", T = /* @__PURE__ */ v({
       onMouseenter: t[1] || (t[1] = (s) => n.value = !0),
       onMouseleave: t[2] || (t[2] = (s) => n.value = !1)
     }, [
-      m(b(B), {
+      m(b(y), {
         state: e.value,
         "onUpdate:state": t[0] || (t[0] = (s) => e.value = s),
         variant: "outlined",
@@ -45,7 +46,7 @@ const F = 1e3, S = "auto-configure", T = /* @__PURE__ */ v({
       C(p.$slots, "buttons", { hover: n.value }, void 0, !0)
     ], 32));
   }
-}), k = /* @__PURE__ */ I(T, [["__scopeId", "data-v-f880d1e8"]]);
+}), x = /* @__PURE__ */ I(T, [["__scopeId", "data-v-f880d1e8"]]);
 export {
-  k as default
+  x as default
 };

package/dist/{RadioButtonsWithDescriptionControl-CzRXHAFw.js → RadioButtonsWithDescriptionControl-CeZ4qYCr.js}

@@ -1,5 +1,6 @@
 import { defineComponent as _, computed as r, openBlock as n, createElementBlock as t, Fragment as c, renderList as b, createVNode as v, unref as V, createElementVNode as i, normalizeClass as x, createCommentVNode as y } from "vue";
-import { a9 as B, _ as C } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_c79c6b71_lang-H1rQVLn0.js";
+import { KdsRadioButton as B } from "@knime/kds-components";
+import { _ as C } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_c79c6b71_lang-Ccuf283K.js";
 const L = ["innerHTML"], M = ["innerHTML"], T = ["innerHTML"], g = /* @__PURE__ */ _({
   __name: "RadioButtonsWithDescriptionControl",
   props: {
@@ -12,25 +13,25 @@ const L = ["innerHTML"], M = ["innerHTML"], T = ["innerHTML"], g = /* @__PURE__
     subText: {},
     onRegisterValidation: { type: Function }
   },
-  setup(a) {
-    const o = a, u = r(() => o.control.schema.oneOf?.map(({ const: s, title: e, price: f, description: h }) => ({
+  setup(l) {
+    const o = l, u = r(() => o.control.schema.oneOf?.map(({ const: s, title: e, price: f, description: h }) => ({
       id: s,
       text: e,
       price: f,
       description: h
     })) || []), p = r(() => !o.control.enabled), d = r(
       () => o.control.uischema.options?.footnote || null
-    ), m = (l) => {
-      o.changeValue(l);
+    ), m = (a) => {
+      o.changeValue(a);
     };
-    return (l, s) => (n(), t(c, null, [
+    return (a, s) => (n(), t(c, null, [
       (n(!0), t(c, null, b(u.value, (e) => (n(), t("label", {
         key: `radio-${e.id}`,
         class: "radio-wrapper"
       }, [
         v(V(B), {
           class: "radio-button",
-          "model-value": a.control.data === e.id,
+          "model-value": l.control.data === e.id,
           text: e.text,
           disabled: p.value,
           "onUpdate:modelValue": () => m(e.id)
@@ -40,7 +41,7 @@ const L = ["innerHTML"], M = ["innerHTML"], T = ["innerHTML"], g = /* @__PURE__
           innerHTML: e.description
         }, null, 8, L),
         i("div", {
-          class: x(["price", { selected: a.control.data === e.id }]),
+          class: x(["price", { selected: l.control.data === e.id }]),
           innerHTML: e.price
         }, null, 10, M)
       ]))), 128)),
@@ -51,7 +52,7 @@ const L = ["innerHTML"], M = ["innerHTML"], T = ["innerHTML"], g = /* @__PURE__
       }, null, 8, T)) : y("", !0)
     ], 64));
   }
-}), k = /* @__PURE__ */ C(g, [["__scopeId", "data-v-d327df7b"]]);
+}), R = /* @__PURE__ */ C(g, [["__scopeId", "data-v-d327df7b"]]);
 export {
-  k as default
+  R as default
 };

package/dist/{RadioControl-DP7cFkth.js → RadioControl-DOn1Kre5.js}

@@ -1,5 +1,5 @@
 import { defineComponent as o, openBlock as n, createBlock as t, mergeProps as r } from "vue";
-import { _ as a } from "./RadioControlBase.vue_vue_type_script_setup_true_lang-DXGpfr8P.js";
+import { _ as a } from "./RadioControlBase.vue_vue_type_script_setup_true_lang-CExBvDXt.js";
 const s = /* @__PURE__ */ o({
   __name: "RadioControl",
   props: {

package/dist/{RadioControlBase.vue_vue_type_script_setup_true_lang-DXGpfr8P.js → RadioControlBase.vue_vue_type_script_setup_true_lang-CExBvDXt.js}

@@ -1,7 +1,7 @@
-import { defineComponent as v, useAttrs as p, computed as d, ref as f, toRef as h, onMounted as V, openBlock as n, createElementBlock as x, Fragment as y, createBlock as r, unref as l, mergeProps as i, createCommentVNode as g } from "vue";
-import { a7 as B, a8 as F } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_c79c6b71_lang-H1rQVLn0.js";
+import { defineComponent as v, useAttrs as p, computed as d, ref as f, toRef as h, onMounted as V, openBlock as n, createElementBlock as x, Fragment as y, createBlock as r, unref as o, mergeProps as i, createCommentVNode as g } from "vue";
+import { KdsValueSwitch as B, KdsRadioButtonGroup as F } from "@knime/kds-components";
 import { o as k } from "./index-Blg1O3Fz.js";
-import { u as O } from "./usePossibleValues-11Tpukcj.js";
+import { u as O } from "./usePossibleValues-CXVLf00v.js";
 const T = /* @__PURE__ */ v({
   inheritAttrs: !1,
   __name: "RadioControlBase",
@@ -17,21 +17,21 @@ const T = /* @__PURE__ */ v({
     type: {}
   },
   setup(e) {
-    const s = p(), t = e, c = d(() => t.control.uischema.options?.radioLayout), m = (a) => ({
-      id: a.id,
-      text: a.text,
-      ...a.disabled ? { disabled: !0 } : {}
+    const s = p(), t = e, c = d(() => t.control.uischema.options?.radioLayout), m = (l) => ({
+      id: l.id,
+      text: l.text,
+      ...l.disabled ? { disabled: !0 } : {}
     }), u = f(null), { possibleValues: b } = O(h(t, "control"), {
       defaultOnNonProvided: null
-    }), o = d(
+    }), a = d(
       () => (b.value ?? u.value)?.map(m)
     );
     return V(() => {
       u.value = t.control?.schema?.oneOf ? t.control.schema.oneOf.map(k) : null;
-    }), (a, C) => o.value ? (n(), x(y, { key: 0 }, [
-      t.type === "valueSwitch" ? (n(), r(l(B), i({ key: 0 }, l(s), {
+    }), (l, C) => a.value ? (n(), x(y, { key: 0 }, [
+      t.type === "valueSwitch" ? (n(), r(o(B), i({ key: 0 }, o(s), {
         id: e.labelForId,
-        "possible-values": o.value,
+        "possible-values": a.value,
         disabled: e.disabled,
         "model-value": e.control.data,
         error: e.error,
@@ -39,9 +39,9 @@ const T = /* @__PURE__ */ v({
         size: "small",
         variant: "muted",
         "onUpdate:modelValue": e.changeValue
-      }), null, 16, ["id", "possible-values", "disabled", "model-value", "error", "sub-text", "onUpdate:modelValue"])) : (n(), r(l(F), i({ key: 1 }, l(s), {
+      }), null, 16, ["id", "possible-values", "disabled", "model-value", "error", "sub-text", "onUpdate:modelValue"])) : (n(), r(o(F), i({ key: 1 }, o(s), {
         id: e.labelForId,
-        "possible-values": o.value,
+        "possible-values": a.value,
         alignment: c.value,
         disabled: e.disabled,
         "model-value": e.control.data,