@knime/kds-components 0.5.6 → 0.5.8

package/dist/Modal/KdsModal.vue.d.ts

@@ -4,7 +4,7 @@ declare function __VLS_template(): {
     slots: {
         default?(_: {
             title: string;
-            icon: "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" | "layout-editor" | "left-aligned" | "like" | "limit" | "link" | "linked-metanode" | "list-bulletpoint" | "list-number" | "list-thumbs" | "list" | "local-filesystem" | "lock" | "metanode" | "mini-map" | "minimize-dialog" | "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" | "selected-cancel" | "selected-execution" | "selected-reset" | "send" | "server-rack-workflow" | "settings" | "share" | "shortcuts" | "sort-ascending" | "sort-descending" | "space-local" | "space-private" | "space" | "stepwise-execution" | "strikethrough" | "text" | "textstyles" | "thumbs-down" | "thumbs-up" | "time" | "to-bottom" | "to-top" | "trash" | "trigger" | "underline" | "undo" | "unlink" | "user" | "view-cards" | "warning" | "workflow" | "x-close";
+            icon: "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" | "settings" | "share" | "shortcuts" | "sort-ascending" | "sort-descending" | "space-local" | "space-private" | "space" | "stepwise-execution" | "strikethrough" | "text" | "textstyles" | "thumbs-down" | "thumbs-up" | "time" | "to-bottom" | "to-top" | "trash" | "trigger" | "underline" | "undo" | "unlink" | "user" | "view-cards" | "warning" | "workflow" | "x-close";
             variant: "padded" | "plain";
             overflow: "auto" | "hidden" | "visible";
             onClose: (event?: Event) => void;

package/dist/forms/KdsLabel.vue.d.ts

@@ -0,0 +1,6 @@
+import { KdsLabelProps } from './types';
+declare const _default: import('vue').DefineComponent<KdsLabelProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<KdsLabelProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    labelEl: HTMLLabelElement;
+}, HTMLLabelElement>;
+export default _default;
+//# sourceMappingURL=KdsLabel.vue.d.ts.map

package/dist/forms/KdsLabel.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"KdsLabel.vue.d.ts","sourceRoot":"","sources":["../../src/forms/KdsLabel.vue"],"names":[],"mappings":"AA4CA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;;;;AA0D7C,wBAQG"}

package/dist/forms/KdsSubText.vue.d.ts

@@ -0,0 +1,7 @@
+import { KdsSubTextProps } from './types';
+declare const _default: import('vue').DefineComponent<KdsSubTextProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<KdsSubTextProps> & Readonly<{}>, {
+    error: boolean;
+    preserveSubTextSpace: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;
+//# sourceMappingURL=KdsSubText.vue.d.ts.map

package/dist/forms/KdsSubText.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"KdsSubText.vue.d.ts","sourceRoot":"","sources":["../../src/forms/KdsSubText.vue"],"names":[],"mappings":"AA8CA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;;;;;AA8E/C,wBAOG"}

package/dist/forms/RadioButton/KdsRadioButtonGroup.vue.d.ts

@@ -1,3 +1,17 @@
-declare const _default: import('vue').DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, import('vue').PublicProps>;
+import { KdsRadioButtonGroupProps } from './types';
+type __VLS_Props = KdsRadioButtonGroupProps;
+type __VLS_PublicProps = {
+    modelValue?: string | undefined;
+} & __VLS_Props;
+declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: string | undefined) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
+}>, {
+    disabled: boolean;
+    alignment: import('./types').KdsRadioButtonGroupAlignment;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    optionContainer: HTMLDivElement;
+}, HTMLDivElement>;
 export default _default;
 //# sourceMappingURL=KdsRadioButtonGroup.vue.d.ts.map

package/dist/forms/RadioButton/KdsRadioButtonGroup.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"KdsRadioButtonGroup.vue.d.ts","sourceRoot":"","sources":["../../../src/forms/RadioButton/KdsRadioButtonGroup.vue"],"names":[],"mappings":";AAshBA,wBASG"}
+{"version":3,"file":"KdsRadioButtonGroup.vue.d.ts","sourceRoot":"","sources":["../../../src/forms/RadioButton/KdsRadioButtonGroup.vue"],"names":[],"mappings":"AA6GA,OAAO,KAAK,EAEV,wBAAwB,EACzB,MAAM,SAAS,CAAC;AAGjB,KAAK,WAAW,GAAG,wBAAwB,CAAC;AAuC5C,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAC/B,GAAG,WAAW,CAAC;;;;;;;;;;;AA2IhB,wBAUG"}

package/dist/forms/RadioButton/KdsValueSwitch.vue.d.ts

@@ -0,0 +1,19 @@
+import { KdsValueSwitchProps } from './types';
+type __VLS_Props = KdsValueSwitchProps;
+type __VLS_PublicProps = {
+    modelValue?: string | undefined;
+} & __VLS_Props;
+declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: string | undefined) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
+}>, {
+    size: import('./types').KdsValueSwitchSize;
+    variant: import('./types').KdsValueSwitchVariant;
+    disabled: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    availableWidthContainer: HTMLDivElement;
+    optionContainer: HTMLDivElement;
+}, HTMLDivElement>;
+export default _default;
+//# sourceMappingURL=KdsValueSwitch.vue.d.ts.map

package/dist/forms/RadioButton/KdsValueSwitch.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"KdsValueSwitch.vue.d.ts","sourceRoot":"","sources":["../../../src/forms/RadioButton/KdsValueSwitch.vue"],"names":[],"mappings":"AA0IA,OAAO,KAAK,EAAwB,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAIzE,KAAK,WAAW,GAAG,mBAAmB,CAAC;AA6CvC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAC/B,GAAG,WAAW,CAAC;;;;;;;;;;;;;AAsJhB,wBAUG"}

package/dist/forms/RadioButton/ValueSwitchItem.vue.d.ts

@@ -0,0 +1,3 @@
+declare const _default: import('vue').DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, import('vue').PublicProps>;
+export default _default;
+//# sourceMappingURL=ValueSwitchItem.vue.d.ts.map

package/dist/forms/RadioButton/ValueSwitchItem.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ValueSwitchItem.vue.d.ts","sourceRoot":"","sources":["../../../src/forms/RadioButton/ValueSwitchItem.vue"],"names":[],"mappings":";AAsQA,wBASG"}

package/dist/forms/RadioButton/types.d.ts

@@ -1,4 +1,4 @@
-import { KdsLabelProps, KdsSubTextProps } from '../types.ts';
+import { KdsIconName } from '../../Icon/types';
 export type KdsRadioButtonProps = {
     text: string;
     helperText?: string;
@@ -6,7 +6,6 @@ export type KdsRadioButtonProps = {
     error?: boolean;
 };
 export type KdsRadioButtonGroupAlignment = "vertical" | "horizontal";
-type AtLeastTwo<T> = [T, T, ...T[]];
 export type KdsRadioButtonGroupOption = {
     text: string;
     id: string;
@@ -15,9 +14,52 @@ export type KdsRadioButtonGroupOption = {
     error?: boolean;
 };
 export type KdsRadioButtonGroupProps = {
-    possibleValues: AtLeastTwo<string | KdsRadioButtonGroupOption>;
+    id?: string;
+    label?: string;
+    possibleValues: (string | KdsRadioButtonGroupOption)[];
     alignment?: KdsRadioButtonGroupAlignment;
     disabled?: boolean;
-} & KdsLabelProps & KdsSubTextProps;
+    subText?: string;
+    preserveSubTextSpace?: boolean;
+};
+export type KdsValueSwitchSize = "small" | "medium";
+export type KdsValueSwitchVariant = "default" | "muted";
+export type KdsValueSwitchItemProps = {
+    selected: boolean;
+    disabled?: boolean;
+    size?: KdsValueSwitchSize;
+    variant?: KdsValueSwitchVariant;
+    tabIndex?: number;
+    /**
+     * Internal/responsive: when true, leading/trailing icons are not rendered.
+     */
+    hideIcons?: boolean;
+} & KdsValueSwitchItemContent;
+type KdsValueSwitchItemContent = {
+    text: string;
+    leadingIcon?: KdsIconName;
+    trailingIcon?: KdsIconName;
+    title?: undefined;
+} | {
+    text?: never;
+    leadingIcon: KdsIconName;
+    title: string;
+    trailingIcon?: never;
+};
+export type KdsValueSwitchOption = {
+    id: string;
+    disabled?: boolean;
+} & KdsValueSwitchItemContent;
+export type KdsValueSwitchProps = {
+    id?: string;
+    label?: string;
+    possibleValues: (string | KdsValueSwitchOption)[];
+    size?: KdsValueSwitchSize;
+    variant?: KdsValueSwitchVariant;
+    disabled?: boolean;
+    subText?: string;
+    error?: boolean;
+    preserveSubTextSpace?: boolean;
+};
 export {};
 //# sourceMappingURL=types.d.ts.map

package/dist/forms/RadioButton/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/forms/RadioButton/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAElE,MAAM,MAAM,mBAAmB,GAAG;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,4BAA4B,GAAG,UAAU,GAAG,YAAY,CAAC;AAErE,KAAK,UAAU,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,EAAE,GAAG,CAAC,EAAE,CAAC,CAAC;AAEpC,MAAM,MAAM,yBAAyB,GAAG;IACtC,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG;IACrC,cAAc,EAAE,UAAU,CAAC,MAAM,GAAG,yBAAyB,CAAC,CAAC;IAC/D,SAAS,CAAC,EAAE,4BAA4B,CAAC;IACzC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,aAAa,GACf,eAAe,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/forms/RadioButton/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAEpD,MAAM,MAAM,mBAAmB,GAAG;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,4BAA4B,GAAG,UAAU,GAAG,YAAY,CAAC;AAErE,MAAM,MAAM,yBAAyB,GAAG;IACtC,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG;IACrC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,EAAE,CAAC,MAAM,GAAG,yBAAyB,CAAC,EAAE,CAAC;IACvD,SAAS,CAAC,EAAE,4BAA4B,CAAC;IACzC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,OAAO,GAAG,QAAQ,CAAC;AACpD,MAAM,MAAM,qBAAqB,GAAG,SAAS,GAAG,OAAO,CAAC;AAExD,MAAM,MAAM,uBAAuB,GAAG;IACpC,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,kBAAkB,CAAC;IAC1B,OAAO,CAAC,EAAE,qBAAqB,CAAC;IAChC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,GAAG,yBAAyB,CAAC;AAE9B,KAAK,yBAAyB,GAC1B;IACE,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,YAAY,CAAC,EAAE,WAAW,CAAC;IAC3B,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB,GACD;IACE,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,WAAW,EAAE,WAAW,CAAC;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,KAAK,CAAC;CACtB,CAAC;AAEN,MAAM,MAAM,oBAAoB,GAAG;IACjC,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,yBAAyB,CAAC;AAE9B,MAAM,MAAM,mBAAmB,GAAG;IAChC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,EAAE,CAAC,MAAM,GAAG,oBAAoB,CAAC,EAAE,CAAC;IAClD,IAAI,CAAC,EAAE,kBAAkB,CAAC;IAC1B,OAAO,CAAC,EAAE,qBAAqB,CAAC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC,CAAC"}

package/dist/forms/RadioButton/useRadioSelection.d.ts

@@ -0,0 +1,22 @@
+import { Ref } from 'vue';
+type KdsIndexSelectionOption = {
+    id: string;
+    disabled?: boolean;
+    error?: boolean;
+    [x: string]: unknown;
+};
+export declare const useRadioSelection: ({ selectedId, options, globalDisable, globalError, optionContainer, }: {
+    selectedId: Ref<string | undefined>;
+    options: Ref<readonly KdsIndexSelectionOption[]>;
+    globalDisable?: Ref<boolean>;
+    globalError?: Ref<boolean>;
+    optionContainer?: Ref<HTMLElement | null>;
+}) => {
+    hasError: import('vue').ComputedRef<boolean>;
+    selectedIndex: import('vue').ComputedRef<number>;
+    tabIndexForOption: (index: number) => 0 | -1 | undefined;
+    handleClick: (index: number) => void;
+    handleKeyDown: (event: KeyboardEvent, currentIndex: number) => void;
+};
+export {};
+//# sourceMappingURL=useRadioSelection.d.ts.map

package/dist/forms/RadioButton/useRadioSelection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRadioSelection.d.ts","sourceRoot":"","sources":["../../../src/forms/RadioButton/useRadioSelection.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAG/B,KAAK,uBAAuB,GAAG;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,CAAC,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,uEAM/B;IACD,UAAU,EAAE,GAAG,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;IACpC,OAAO,EAAE,GAAG,CAAC,SAAS,uBAAuB,EAAE,CAAC,CAAC;IACjD,aAAa,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC,CAAC;IAC7B,WAAW,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC,CAAC;IAC3B,eAAe,CAAC,EAAE,GAAG,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;CAC3C;;;+BAuBmC,MAAM;yBAYZ,MAAM;2BAwDJ,aAAa,gBAAgB,MAAM;CA+ClE,CAAC"}

package/dist/forms/RadioButton/useValueSwitchIconHiding.d.ts

@@ -0,0 +1,20 @@
+import { Ref } from 'vue';
+import { KdsValueSwitchOption } from './types';
+/**
+ * Computes whether icons in ValueSwitch items should be hidden.
+ *
+ * Global logic: as soon as at least one text+icon item ellipsizes its label
+ * (`scrollWidth > clientWidth`), icons are hidden for all text+icon items.
+ * Icon-only items are never affected.
+ */
+export declare const useValueSwitchIconHiding: ({ width, options, }: {
+    /**
+     * Potentially available width to render options
+     */
+    width: Ref<number>;
+    options: Ref<readonly KdsValueSwitchOption[]>;
+}) => {
+    shouldHideIcons: Ref<boolean, boolean>;
+    setItemEl: (id: string, el: unknown) => void;
+};
+//# sourceMappingURL=useValueSwitchIconHiding.d.ts.map

package/dist/forms/RadioButton/useValueSwitchIconHiding.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useValueSwitchIconHiding.d.ts","sourceRoot":"","sources":["../../../src/forms/RadioButton/useValueSwitchIconHiding.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAK/B,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AACpD;;;;;;GAMG;AACH,eAAO,MAAM,wBAAwB,GAAI,qBAGtC;IACD;;OAEG;IACH,KAAK,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IACnB,OAAO,EAAE,GAAG,CAAC,SAAS,oBAAoB,EAAE,CAAC,CAAC;CAC/C;;oBAOwB,MAAM,MAAM,OAAO;CAuD3C,CAAC"}

package/dist/forms/index.d.ts

@@ -1,3 +1,6 @@
 export { default as KdsRadioButtonGroup } from './RadioButton/KdsRadioButtonGroup.vue';
-export type { KdsRadioButtonGroupAlignment, KdsRadioButtonGroupOption, KdsRadioButtonGroupProps, } from './RadioButton/types';
+export { default as KdsValueSwitch } from './RadioButton/KdsValueSwitch.vue';
+export { default as KdsLabel } from './KdsLabel.vue';
+export { default as KdsSubText } from './KdsSubText.vue';
+export type { KdsRadioButtonGroupAlignment, KdsRadioButtonGroupOption, KdsRadioButtonGroupProps, KdsValueSwitchOption, KdsValueSwitchProps, KdsValueSwitchSize, } from './RadioButton/types';
 //# sourceMappingURL=index.d.ts.map

package/dist/forms/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/forms/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,uCAAuC,CAAC;AAGvF,YAAY,EACV,4BAA4B,EAC5B,yBAAyB,EACzB,wBAAwB,GACzB,MAAM,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/forms/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,uCAAuC,CAAC;AACvF,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kCAAkC,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAGzD,YAAY,EACV,4BAA4B,EAC5B,yBAAyB,EACzB,wBAAwB,EACxB,oBAAoB,EACpB,mBAAmB,EACnB,kBAAkB,GACnB,MAAM,qBAAqB,CAAC"}

package/dist/forms/types.d.ts

@@ -1,12 +1,24 @@
 export type KdsLabelProps = {
-    label?: string;
-    id: string;
-} | {
     label: string;
-    id?: string;
+    /**
+     * Id to link the label to form elements via `aria-labelledby`.
+     */
+    id: string;
+    /**
+     * Id of the form control this label is for.
+     */
+    for?: string;
 };
 export type KdsSubTextProps = {
+    /**
+     * Id to link the subtext to form elements via `aria-describedby`.
+     */
+    id: string;
     subText?: string;
+    /**
+     * When true, applies error styling to the subtext and shows the error icon.
+     */
+    error?: boolean;
     /**
      * Reserve space for subtext to prevent layout shifts when helper text or errors appear
      */

package/dist/forms/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/forms/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,aAAa,GACrB;IAAE,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,MAAM,CAAA;CAAE,GAC9B;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,EAAE,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAEnC,MAAM,MAAM,eAAe,GAAG;IAC5B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/forms/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;IACX;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;OAEG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC,CAAC"}

package/dist/index.css

@@ -659,6 +659,35 @@ to {
 }
 }
 
+.label[data-v-174d476a] {
+  display: block;
+  max-width: 100%;
+  min-height: var(--kds-dimension-component-height-0-75x);
+  padding-bottom: var(--kds-spacing-input-label-spacing-bottom);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  font: var(--kds-font-base-title-small-strong);
+  color: var(--kds-color-text-and-icon-neutral);
+  white-space: nowrap;
+}
+
+.subtext {
+&[data-v-8fccdd6d] {
+  display: flex;
+  gap: var(--kds-spacing-container-0-25x);
+  min-height: 1lh;
+  margin-top: var(--kds-spacing-container-0-25x);
+  font: var(--kds-font-base-subtext-small);
+  color: var(--kds-color-text-and-icon-muted);
+}
+&.error[data-v-8fccdd6d] {
+    color: var(--kds-color-text-and-icon-danger);
+}
+& .subtext-text[data-v-8fccdd6d] {
+    min-width: 0;
+}
+}
+
 .radio {
 &[data-v-f6d4be71] {
   --bg-initial: var(--kds-color-background-input-initial);
@@ -764,37 +793,132 @@ to {
 }
 }
 
-.label[data-v-fd7ae250] {
-  display: flex;
-  gap: var(--kds-spacing-container-0-25x);
-  align-items: center;
-  min-height: var(--kds-dimension-component-height-0-75x);
-  padding-bottom: var(--kds-spacing-input-label-spacing-bottom);
-  font: var(--kds-font-base-title-small-strong);
-  color: var(--kds-color-text-and-icon-neutral);
-}
-.radio-button-group[data-v-fd7ae250] {
+.radio-button-group[data-v-9ef66ae5] {
   padding: 0;
   margin: 0;
   border: none;
 }
-.options[data-v-fd7ae250] {
+.options[data-v-9ef66ae5] {
   display: flex;
   flex-direction: column;
   gap: var(--kds-spacing-container-0-37x) var(--kds-spacing-container-0-75x);
 }
-.options.horizontal[data-v-fd7ae250] {
+.options.horizontal[data-v-9ef66ae5] {
   flex-flow: row wrap;
   align-items: flex-start;
 }
-.subtext {
-&[data-v-fd7ae250] {
-  min-height: 1lh;
-  margin-top: var(--kds-spacing-container-0-25x);
-  font: var(--kds-font-base-subtext-small);
-  color: var(--kds-color-text-and-icon-muted);
+
+.option {
+&[data-v-469c6983] {
+  display: flex;
+  flex: 0 1 auto;
+  gap: var(--kds-spacing-container-0-25x);
+  align-items: center;
+  justify-content: center;
+  min-width: calc(
+    var(--kds-dimension-icon-1x) + (2 * var(--kds-spacing-container-0-37x))
+  );
+  max-width: 100%;
+  height: var(--kds-dimension-component-height-1-5x);
+  padding: 0 var(--kds-spacing-container-0-37x);
+  font: var(--kds-font-base-interactive-medium-strong);
+  color: var(--kds-color-text-and-icon-neutral);
+  text-align: center;
+  cursor: pointer;
+
+  /* variant=default */
+  background: var(--kds-color-background-neutral-initial);
+  border: var(--kds-border-action-transparent);
+  border-radius: var(--kds-border-radius-container-0-25x);
+}
+&.size-small[data-v-469c6983] {
+    height: var(--kds-dimension-component-height-1-25x);
+    font: var(--kds-font-base-interactive-small-strong);
+}
+&[data-v-469c6983]:focus-visible {
+    outline: none;
+}
+&[data-v-469c6983]:hover:not(:disabled) {
+    background: var(--kds-color-background-neutral-hover);
+}
+&[data-v-469c6983]:active:not(:disabled) {
+    background: var(--kds-color-background-neutral-active);
+}
+&.selected {
+&[data-v-469c6983] {
+    color: var(--kds-color-text-and-icon-selected);
+    background: var(--kds-color-background-selected-initial);
+    border: var(--kds-border-action-selected);
+}
+&[data-v-469c6983]:hover:not(:disabled) {
+      background: var(--kds-color-background-selected-hover);
+}
+&[data-v-469c6983]:active:not(:disabled) {
+      background: var(--kds-color-background-selected-active);
+}
+&.variant-muted {
+&[data-v-469c6983] {
+      color: var(--kds-color-text-and-icon-neutral);
+      background: var(--kds-color-background-input-initial);
+}
+&[data-v-469c6983]:hover:not(:disabled) {
+        background: var(--kds-color-background-input-hover);
+}
+&[data-v-469c6983]:active:not(:disabled) {
+        background: var(--kds-color-background-input-active);
+}
+}
+}
+&.disabled[data-v-469c6983] {
+    color: var(--kds-color-text-and-icon-disabled);
+    cursor: default;
+}
+&.disabled.selected[data-v-469c6983] {
+    color: var(--kds-color-text-and-icon-disabled);
+    border: var(--kds-border-action-disabled);
+}
+}
+.option-label[data-v-469c6983] {
+  min-width: 0;
+  padding: 0 var(--kds-spacing-container-0-12x);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  font: inherit;
+  white-space: nowrap;
+}
+
+.value-switch[data-v-d3b2c85d] {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  padding: 0;
+  margin: 0;
+  border: none;
+}
+.options {
+&[data-v-d3b2c85d] {
+  display: flex;
+  flex-flow: row nowrap;
+  gap: var(--kds-spacing-container-none);
+  align-items: flex-start;
+  width: fit-content;
+  min-width: 0;
+  max-width: 100%;
+  padding: calc(
+    var(--kds-spacing-container-0-12x) - var(--kds-core-border-width-xs)
+  );
+  overflow: hidden;
+  background: var(--kds-color-surface-muted);
+  border: var(--kds-border-action-transparent);
+  border-radius: var(--kds-border-radius-container-0-37x);
+  box-shadow: var(--kds-fake-border-xs-muted);
   }
-&.error[data-v-fd7ae250] {
-    color: var(--kds-color-text-and-icon-danger);
+&[data-v-d3b2c85d]:focus-within:has(:focus-visible) {
+    outline: var(--kds-border-action-focused);
+    outline-offset: var(--kds-spacing-offset-focus);
+    border-radius: var(--kds-border-radius-container-0-44x);
+}
+&.error[data-v-d3b2c85d] {
+    border: var(--kds-border-action-error);
 }
 }