@knime/kds-components 0.31.4 → 1.0.0

package/dist/src/patterns/ResponsiveButtonGroup/KdsResponsiveButtonGroup.vue.d.ts

@@ -1,65 +1,11 @@
-import { nextTick } from 'vue';
+import { ComponentPublicInstance, nextTick } from 'vue';
+import { KdsIconName } from '../../accessories/Icon/types';
+import { KdsMenuItem } from '../../containers/MenuContainer/types';
 import { KdsResponsiveButtonGroupProps } from './types';
-declare const _default: import('vue').DefineComponent<KdsResponsiveButtonGroupProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    buttonClick: (id: string) => any;
-}, string, import('vue').PublicProps, Readonly<KdsResponsiveButtonGroupProps> & Readonly<{
-    onButtonClick?: ((id: string) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+declare const _default: import('vue').DefineComponent<KdsResponsiveButtonGroupProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<KdsResponsiveButtonGroupProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     measureContainer: HTMLDivElement;
-    measureButton: (import('vue').CreateComponentPublicInstanceWithMixins<Readonly<(import('../../types/testId').WithTestId & {
-        size?: import('../..').KdsButtonSize;
-        disabled?: boolean;
-        title?: string;
-        variant?: import('../..').KdsButtonVariant | undefined;
-    } & {
-        label: string;
-        leadingIcon?: import('../..').KdsIconName;
-        trailingIcon?: import('../..').KdsIconName;
-        ariaLabel?: never;
-    } & import('../../buttons/types').WithDestructive) | (import('../../types/testId').WithTestId & {
-        size?: import('../..').KdsButtonSize;
-        disabled?: boolean;
-        title?: string;
-        variant?: import('../..').KdsButtonVariant | undefined;
-    } & {
-        label?: never;
-        leadingIcon: import('../..').KdsIconName;
-        trailingIcon?: never;
-        ariaLabel: string;
-    } & import('../../buttons/types').WithDestructive)> & Readonly<{
-        onClick?: ((event: MouseEvent) => any) | undefined;
-    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-        click: (event: MouseEvent) => any;
-    }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, {} & (Readonly<(import('../../types/testId').WithTestId & {
-        size?: import('../..').KdsButtonSize;
-        disabled?: boolean;
-        title?: string;
-        variant?: import('../..').KdsButtonVariant | undefined;
-    } & {
-        label: string;
-        leadingIcon?: import('../..').KdsIconName;
-        trailingIcon?: import('../..').KdsIconName;
-        ariaLabel?: never;
-    } & import('../../buttons/types').WithDestructive) | (import('../../types/testId').WithTestId & {
-        size?: import('../..').KdsButtonSize;
-        disabled?: boolean;
-        title?: string;
-        variant?: import('../..').KdsButtonVariant | undefined;
-    } & {
-        label?: never;
-        leadingIcon: import('../..').KdsIconName;
-        trailingIcon?: never;
-        ariaLabel: string;
-    } & import('../../buttons/types').WithDestructive)> & Readonly<{
-        onClick?: ((event: MouseEvent) => any) | undefined;
-    }>), {}, {}, {}, {}, {}> | null)[];
+    measureFullEntry: unknown;
+    measureIconEntry: unknown;
     measureMenuButton: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<({
         modelValue?: boolean;
     } & import('../../types/testId').WithTestId & {
@@ -69,11 +15,11 @@ declare const _default: import('vue').DefineComponent<KdsResponsiveButtonGroupPr
         variant?: import('../..').KdsToggleButtonVariant | undefined;
     } & {
         label: string;
-        leadingIcon?: import('../..').KdsIconName;
-        trailingIcon?: import('../..').KdsIconName;
+        leadingIcon?: KdsIconName;
+        trailingIcon?: KdsIconName;
         ariaLabel?: never;
     } & {
-        items: import('../..').KdsMenuItem[];
+        items: KdsMenuItem[];
         menuMaxHeight?: string;
     }) | ({
         modelValue?: boolean;
@@ -84,11 +30,11 @@ declare const _default: import('vue').DefineComponent<KdsResponsiveButtonGroupPr
         variant?: import('../..').KdsToggleButtonVariant | undefined;
     } & {
         label?: never;
-        leadingIcon: import('../..').KdsIconName;
+        leadingIcon: KdsIconName;
         trailingIcon?: never;
         ariaLabel: string;
     } & {
-        items: import('../..').KdsMenuItem[];
+        items: KdsMenuItem[];
         menuMaxHeight?: string;
     })> & Readonly<{
         "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
@@ -103,8 +49,8 @@ declare const _default: import('vue').DefineComponent<KdsResponsiveButtonGroupPr
             variant?: import('../..').KdsToggleButtonVariant | undefined;
         } & {
             label: string;
-            leadingIcon?: import('../..').KdsIconName;
-            trailingIcon?: import('../..').KdsIconName;
+            leadingIcon?: KdsIconName;
+            trailingIcon?: KdsIconName;
             ariaLabel?: never;
         }) | ({
             modelValue?: boolean;
@@ -115,7 +61,7 @@ declare const _default: import('vue').DefineComponent<KdsResponsiveButtonGroupPr
             variant?: import('../..').KdsToggleButtonVariant | undefined;
         } & {
             label?: never;
-            leadingIcon: import('../..').KdsIconName;
+            leadingIcon: KdsIconName;
             trailingIcon?: never;
             ariaLabel: string;
         })> & Readonly<{
@@ -138,8 +84,8 @@ declare const _default: import('vue').DefineComponent<KdsResponsiveButtonGroupPr
             variant?: import('../..').KdsToggleButtonVariant | undefined;
         } & {
             label: string;
-            leadingIcon?: import('../..').KdsIconName;
-            trailingIcon?: import('../..').KdsIconName;
+            leadingIcon?: KdsIconName;
+            trailingIcon?: KdsIconName;
             ariaLabel?: never;
         }) | ({
             modelValue?: boolean;
@@ -150,7 +96,7 @@ declare const _default: import('vue').DefineComponent<KdsResponsiveButtonGroupPr
             variant?: import('../..').KdsToggleButtonVariant | undefined;
         } & {
             label?: never;
-            leadingIcon: import('../..').KdsIconName;
+            leadingIcon: KdsIconName;
             trailingIcon?: never;
             ariaLabel: string;
         })> & Readonly<{
@@ -169,8 +115,8 @@ declare const _default: import('vue').DefineComponent<KdsResponsiveButtonGroupPr
             variant?: import('../..').KdsToggleButtonVariant | undefined;
         } & {
             label: string;
-            leadingIcon?: import('../..').KdsIconName;
-            trailingIcon?: import('../..').KdsIconName;
+            leadingIcon?: KdsIconName;
+            trailingIcon?: KdsIconName;
             ariaLabel?: never;
         }) | ({
             modelValue?: boolean;
@@ -181,7 +127,7 @@ declare const _default: import('vue').DefineComponent<KdsResponsiveButtonGroupPr
             variant?: import('../..').KdsToggleButtonVariant | undefined;
         } & {
             label?: never;
-            leadingIcon: import('../..').KdsIconName;
+            leadingIcon: KdsIconName;
             trailingIcon?: never;
             ariaLabel: string;
         })> & Readonly<{
@@ -204,8 +150,8 @@ declare const _default: import('vue').DefineComponent<KdsResponsiveButtonGroupPr
             variant?: import('../..').KdsToggleButtonVariant | undefined;
         } & {
             label: string;
-            leadingIcon?: import('../..').KdsIconName;
-            trailingIcon?: import('../..').KdsIconName;
+            leadingIcon?: KdsIconName;
+            trailingIcon?: KdsIconName;
             ariaLabel?: never;
         }) | ({
             modelValue?: boolean;
@@ -216,7 +162,7 @@ declare const _default: import('vue').DefineComponent<KdsResponsiveButtonGroupPr
             variant?: import('../..').KdsToggleButtonVariant | undefined;
         } & {
             label?: never;
-            leadingIcon: import('../..').KdsIconName;
+            leadingIcon: KdsIconName;
             trailingIcon?: never;
             ariaLabel: string;
         })> & Readonly<{
@@ -258,8 +204,8 @@ declare const _default: import('vue').DefineComponent<KdsResponsiveButtonGroupPr
             $slots: Readonly<{
                 [name: string]: import('vue').Slot<any> | undefined;
             }>;
-            $root: import('vue').ComponentPublicInstance | null;
-            $parent: import('vue').ComponentPublicInstance | null;
+            $root: ComponentPublicInstance | null;
+            $parent: ComponentPublicInstance | null;
             $host: Element | null;
             $emit: (event: "update:modelValue", value: boolean) => void;
             $el: HTMLDivElement;
@@ -310,7 +256,7 @@ declare const _default: import('vue').DefineComponent<KdsResponsiveButtonGroupPr
                 unmounted?: (() => void) | (() => void)[];
                 renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
                 renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-                errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+                errorCaptured?: ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void)[];
             };
             $forceUpdate: () => void;
             $nextTick: typeof nextTick;
@@ -386,11 +332,11 @@ declare const _default: import('vue').DefineComponent<KdsResponsiveButtonGroupPr
         variant?: import('../..').KdsToggleButtonVariant | undefined;
     } & {
         label: string;
-        leadingIcon?: import('../..').KdsIconName;
-        trailingIcon?: import('../..').KdsIconName;
+        leadingIcon?: KdsIconName;
+        trailingIcon?: KdsIconName;
         ariaLabel?: never;
     } & {
-        items: import('../..').KdsMenuItem[];
+        items: KdsMenuItem[];
         menuMaxHeight?: string;
     }) | ({
         modelValue?: boolean;
@@ -401,11 +347,11 @@ declare const _default: import('vue').DefineComponent<KdsResponsiveButtonGroupPr
         variant?: import('../..').KdsToggleButtonVariant | undefined;
     } & {
         label?: never;
-        leadingIcon: import('../..').KdsIconName;
+        leadingIcon: KdsIconName;
         trailingIcon?: never;
         ariaLabel: string;
     } & {
-        items: import('../..').KdsMenuItem[];
+        items: KdsMenuItem[];
         menuMaxHeight?: string;
     })> & Readonly<{
         "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
@@ -420,8 +366,8 @@ declare const _default: import('vue').DefineComponent<KdsResponsiveButtonGroupPr
             variant?: import('../..').KdsToggleButtonVariant | undefined;
         } & {
             label: string;
-            leadingIcon?: import('../..').KdsIconName;
-            trailingIcon?: import('../..').KdsIconName;
+            leadingIcon?: KdsIconName;
+            trailingIcon?: KdsIconName;
             ariaLabel?: never;
         }) | ({
             modelValue?: boolean;
@@ -432,7 +378,7 @@ declare const _default: import('vue').DefineComponent<KdsResponsiveButtonGroupPr
             variant?: import('../..').KdsToggleButtonVariant | undefined;
         } & {
             label?: never;
-            leadingIcon: import('../..').KdsIconName;
+            leadingIcon: KdsIconName;
             trailingIcon?: never;
             ariaLabel: string;
         })> & Readonly<{
@@ -455,8 +401,8 @@ declare const _default: import('vue').DefineComponent<KdsResponsiveButtonGroupPr
             variant?: import('../..').KdsToggleButtonVariant | undefined;
         } & {
             label: string;
-            leadingIcon?: import('../..').KdsIconName;
-            trailingIcon?: import('../..').KdsIconName;
+            leadingIcon?: KdsIconName;
+            trailingIcon?: KdsIconName;
             ariaLabel?: never;
         }) | ({
             modelValue?: boolean;
@@ -467,7 +413,7 @@ declare const _default: import('vue').DefineComponent<KdsResponsiveButtonGroupPr
             variant?: import('../..').KdsToggleButtonVariant | undefined;
         } & {
             label?: never;
-            leadingIcon: import('../..').KdsIconName;
+            leadingIcon: KdsIconName;
             trailingIcon?: never;
             ariaLabel: string;
         })> & Readonly<{

package/dist/src/patterns/ResponsiveButtonGroup/KdsResponsiveButtonGroup.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"KdsResponsiveButtonGroup.vue.d.ts","sourceRoot":"","sources":["../../../../src/patterns/ResponsiveButtonGroup/KdsResponsiveButtonGroup.vue"],"names":[],"mappings":"AAqMA,OAAO,EAAY,QAAQ,EAAyC,MAAM,KAAK,CAAC;AAMhF,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,SAAS,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAsSy0X,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAhB5/X,wBAQG"}
+{"version":3,"file":"KdsResponsiveButtonGroup.vue.d.ts","sourceRoot":"","sources":["../../../../src/patterns/ResponsiveButtonGroup/KdsResponsiveButtonGroup.vue"],"names":[],"mappings":"AA4UA,OAAO,EACL,KAAK,uBAAuB,EAE5B,QAAQ,EAKT,MAAM,KAAK,CAAC;AAGb,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAEhE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sCAAsC,CAAC;AASxE,OAAO,KAAK,EAEV,6BAA6B,EAC9B,MAAM,SAAS,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAwY8/G,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAfroH,wBAOG"}

package/dist/src/patterns/ResponsiveButtonGroup/mapping.d.ts

@@ -0,0 +1,150 @@
+import { Component } from 'vue';
+import { KdsIconName } from '../../accessories/Icon/types';
+import { KdsMenuItem } from '../../containers/MenuContainer/types';
+import { KdsResponsiveButtonGroupButton } from './types';
+/**
+ * Maps an entry's `type` to the Vue component used to render it. Drives the
+ * `<component :is>` lookup in `KdsResponsiveButtonGroup.vue`.
+ */
+export declare const typeToComponent: Record<KdsResponsiveButtonGroupButton["type"], Component>;
+/** Bindings for a full-width (label + icons) render. */
+export declare const fullBindings: (entry: KdsResponsiveButtonGroupButton) => {
+    title?: string | undefined;
+    label: string;
+    ariaLabel?: never | undefined;
+    disabled?: boolean | undefined;
+    variant?: import('../..').KdsButtonVariant | undefined;
+    dataTestId?: string | undefined;
+    trailingIcon?: KdsIconName | undefined;
+    destructive?: boolean | undefined;
+    leadingIcon: KdsIconName;
+} | {
+    title?: string | undefined;
+    label: string;
+    ariaLabel?: never | undefined;
+    disabled?: boolean | undefined;
+    target?: (import('../../types/linkTypes').LiteralUnion<"_blank" | "_parent" | "_self" | "_top"> | null) | undefined;
+    variant?: import('../..').KdsButtonVariant | undefined;
+    dataTestId?: string | undefined;
+    trailingIcon?: KdsIconName | undefined;
+    destructive?: boolean | undefined;
+    to: string;
+    download?: boolean | undefined;
+    rel?: (import('../../types/linkTypes').LiteralUnion<"noopener" | "noreferrer" | "nofollow" | "sponsored" | "ugc"> | null) | undefined;
+    leadingIcon: KdsIconName;
+} | {
+    title?: string | undefined;
+    label: string;
+    ariaLabel?: never | undefined;
+    disabled?: boolean | undefined;
+    variant?: import('../..').KdsButtonVariant | undefined;
+    dataTestId?: string | undefined;
+    trailingIcon?: KdsIconName | undefined;
+    items: KdsMenuItem[];
+    menuMaxHeight?: string | undefined;
+    leadingIcon: KdsIconName;
+} | {
+    title?: string | undefined;
+    label: string;
+    ariaLabel?: never | undefined;
+    disabled?: boolean | undefined;
+    variant?: import('../..').KdsToggleButtonVariant | undefined;
+    dataTestId?: string | undefined;
+    trailingIcon?: KdsIconName | undefined;
+    items: KdsMenuItem[];
+    menuMaxHeight?: string | undefined;
+    leadingIcon: KdsIconName;
+} | {
+    title?: string | undefined;
+    label: string;
+    ariaLabel?: never | undefined;
+    disabled?: boolean | undefined;
+    variant?: import('../..').KdsToggleButtonVariant | undefined;
+    dataTestId?: string | undefined;
+    trailingIcon?: KdsIconName | undefined;
+    modelValue?: boolean | undefined;
+    leadingIcon: KdsIconName;
+} | {
+    title?: string | undefined;
+    label: string;
+    ariaLabel?: never | undefined;
+    disabled?: boolean | undefined;
+    variant?: import('../..').KdsButtonVariant | undefined;
+    dataTestId?: string | undefined;
+    trailingIcon?: KdsIconName | undefined;
+    destructive?: boolean | undefined;
+    leadingIcon?: never;
+} | {
+    title?: string | undefined;
+    label: string;
+    ariaLabel?: never | undefined;
+    disabled?: boolean | undefined;
+    target?: (import('../../types/linkTypes').LiteralUnion<"_blank" | "_parent" | "_self" | "_top"> | null) | undefined;
+    variant?: import('../..').KdsButtonVariant | undefined;
+    dataTestId?: string | undefined;
+    trailingIcon?: KdsIconName | undefined;
+    destructive?: boolean | undefined;
+    to: string;
+    download?: boolean | undefined;
+    rel?: (import('../../types/linkTypes').LiteralUnion<"noopener" | "noreferrer" | "nofollow" | "sponsored" | "ugc"> | null) | undefined;
+    leadingIcon?: never;
+} | {
+    title?: string | undefined;
+    label: string;
+    ariaLabel?: never | undefined;
+    disabled?: boolean | undefined;
+    variant?: import('../..').KdsButtonVariant | undefined;
+    dataTestId?: string | undefined;
+    trailingIcon?: KdsIconName | undefined;
+    items: KdsMenuItem[];
+    menuMaxHeight?: string | undefined;
+    leadingIcon?: never;
+} | {
+    title?: string | undefined;
+    label: string;
+    ariaLabel?: never | undefined;
+    disabled?: boolean | undefined;
+    variant?: import('../..').KdsToggleButtonVariant | undefined;
+    dataTestId?: string | undefined;
+    trailingIcon?: KdsIconName | undefined;
+    items: KdsMenuItem[];
+    menuMaxHeight?: string | undefined;
+    leadingIcon?: never;
+} | {
+    title?: string | undefined;
+    label: string;
+    ariaLabel?: never | undefined;
+    disabled?: boolean | undefined;
+    variant?: import('../..').KdsButtonVariant | undefined;
+    leadingIcon: KdsIconName;
+    dataTestId?: string | undefined;
+    state?: import('../..').KdsProgressButtonState | undefined;
+} | {
+    title?: string | undefined;
+    label: string;
+    ariaLabel?: never | undefined;
+    disabled?: boolean | undefined;
+    variant?: import('../..').KdsToggleButtonVariant | undefined;
+    dataTestId?: string | undefined;
+    trailingIcon?: KdsIconName | undefined;
+    modelValue?: boolean | undefined;
+    leadingIcon?: never;
+};
+/**
+ * Bindings for the icon-only render of an icon-capable entry: drops `label`
+ * and `trailingIcon`, promotes the label to `ariaLabel` and (when no
+ * explicit `title` is set) to `title`.
+ */
+export declare const iconOnlyBindings: (entry: KdsResponsiveButtonGroupButton, leadingIcon: KdsIconName, ariaLabel: string) => {
+    leadingIcon: "filter" | "link" | "menu" | "table" | "time" | "stop" | "text" | "key" | "add-user" | "ai-general" | "annotation-mode" | "arrow-down" | "arrow-up" | "arrows-expand" | "arrows-move" | "arrows-order" | "auto-configure" | "back" | "bold" | "calendar" | "case-sensitive" | "cell-renderer" | "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" | "circle-unchecked" | "cloud-download" | "cloud-knime" | "cloud-pending-changes" | "cloud-synced" | "cloud-upload" | "cloud-workflow" | "code-block" | "collection" | "color-picker" | "column-width" | "comment" | "component" | "connection" | "copy" | "cursor" | "data-app" | "data-value-view" | "date-time" | "db-browse" | "db-database" | "db-fetch" | "db-schema" | "db-table-view" | "db-table" | "deploy" | "detect" | "divider" | "duplicate" | "duration" | "edit" | "education" | "error-panel" | "execute-all" | "execute" | "expand-panel" | "extension-community" | "extension" | "external-link" | "eye" | "feedback" | "file-export" | "file-text" | "file" | "flow-variable-default" | "flow-variable-in-out" | "flow-variable-in" | "flow-variable-out" | "folder-move" | "folder-plus" | "folder-search" | "folder-workflow" | "folder" | "forum" | "function-catalog" | "hide-eye" | "home" | "import-table" | "import" | "info" | "interval" | "italic" | "layout-editor" | "left-aligned" | "like" | "limit" | "linked-component" | "linked-metanode" | "list-bulletpoint" | "list-number" | "list-thumbs" | "list" | "local-filesystem" | "lock" | "login" | "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" | "path-separator" | "pending-changes" | "pin" | "placeholder" | "plus" | "python" | "quote" | "random-seed" | "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" | "table-statistics" | "tag" | "team" | "template-gallery" | "textstyles" | "thumbs-down" | "thumbs-up" | "to-bottom" | "to-top" | "trash" | "trigger" | "underline" | "undo" | "unlink" | "update-file" | "usage" | "user" | "validate" | "version" | "view-cards" | "warning" | "workflow" | "x-close";
+    ariaLabel: string;
+    title: string;
+};
+export declare const isIconCapable: (entry: KdsResponsiveButtonGroupButton) => boolean;
+/**
+ * Map a `KdsResponsiveButtonGroupButton` to the `KdsMenuItem` form it takes
+ * when it has collapsed into the overflow menu. See the entry-type-specific
+ * comments in the switch body for details on each transform.
+ */
+export declare const toMenuItem: (entry: KdsResponsiveButtonGroupButton) => KdsMenuItem;
+//# sourceMappingURL=mapping.d.ts.map

package/dist/src/patterns/ResponsiveButtonGroup/mapping.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mapping.d.ts","sourceRoot":"","sources":["../../../../src/patterns/ResponsiveButtonGroup/mapping.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,KAAK,CAAC;AAErC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAQhE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sCAAsC,CAAC;AAExE,OAAO,KAAK,EAAE,8BAA8B,EAAE,MAAM,SAAS,CAAC;AAE9D;;;GAGG;AACH,eAAO,MAAM,eAAe,EAAE,MAAM,CAClC,8BAA8B,CAAC,MAAM,CAAC,EACtC,SAAS,CAQV,CAAC;AAEF,wDAAwD;AACxD,eAAO,MAAM,YAAY,GAAI,OAAO,8BAA8B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAEhE,CAAC;AAEH;;;;GAIG;AACH,eAAO,MAAM,gBAAgB,GAC3B,OAAO,8BAA8B,EACrC,aAAa,WAAW,EACxB,WAAW,MAAM;;;;CAoBlB,CAAC;AAKF,eAAO,MAAM,aAAa,GAAI,OAAO,8BAA8B,KAAG,OACd,CAAC;AASzD;;;;GAIG;AACH,eAAO,MAAM,UAAU,GACrB,OAAO,8BAA8B,KACpC,WA8EF,CAAC"}

package/dist/src/patterns/ResponsiveButtonGroup/types.d.ts

@@ -1,16 +1,101 @@
-import { KdsButtonProps } from '../../buttons';
+import { KdsIconName } from '../../accessories/Icon/types';
+import { KdsButtonProps, KdsLinkButtonProps, KdsMenuButtonProps, KdsProgressButtonProps, KdsSplitButtonProps, KdsToggleButtonProps } from '../../buttons';
+import { KdsProgressButtonState } from '../../buttons/KdsProgressButton/types';
 import { kdsResponsiveButtonGroupAlignment } from './enums';
 export type KdsResponsiveButtonGroupAlignment = (typeof kdsResponsiveButtonGroupAlignment)[keyof typeof kdsResponsiveButtonGroupAlignment];
-type MakeRequired<T, K extends keyof T> = T & Required<Pick<T, K>>;
-export type KdsResponsiveButtonGroupButton = Pick<MakeRequired<KdsButtonProps, "label">, "variant" | "label" | "disabled" | "leadingIcon" | "destructive" | "title"> & {
-    /** will be emitted when the button is clicked in the `buttonClick` event */
-    id: string;
+type ButtonPropMap = {
+    KdsButton: KdsButtonProps;
+    KdsLinkButton: KdsLinkButtonProps;
+    KdsSplitButton: KdsSplitButtonProps;
+    KdsMenuButton: KdsMenuButtonProps;
+    KdsProgressButton: KdsProgressButtonProps & {
+        state?: KdsProgressButtonState;
+    };
+    KdsToggleButton: KdsToggleButtonProps & {
+        modelValue?: boolean;
+    };
 };
+type EntryType = keyof ButtonPropMap;
+type EntryMeta<T extends EntryType> = Omit<Extract<ButtonPropMap[T], {
+    label: string;
+}>, "size">;
+/**
+ * Splits a meta with an optional `leadingIcon` into two mutually exclusive
+ * branches:
+ *
+ * - icon-capable: `meta.leadingIcon` is required; `canBeIconOnly` defaults
+ *   to true and may be set to false to opt out of icon-only collapse.
+ * - icon-incapable: `meta.leadingIcon` must be absent; `canBeIconOnly` must
+ *   not be true (there is no icon to collapse to).
+ */
+type WithIconCollapse<TMeta> = {
+    /**
+     * If true (default), the entry drops its label and renders icon-only
+     * once the row needs to shrink. Only valid when `meta.leadingIcon` is
+     * set. The label is promoted to `title` (unless `meta.title` is set)
+     * and `ariaLabel`.
+     * @default true
+     */
+    canBeIconOnly?: boolean;
+    meta: Omit<TMeta, "leadingIcon"> & {
+        leadingIcon: KdsIconName;
+    };
+} | {
+    canBeIconOnly?: false;
+    meta: Omit<TMeta, "leadingIcon"> & {
+        leadingIcon?: never;
+    };
+};
+type EntryHandler<E> = (entry: E, event: MouseEvent | KeyboardEvent) => void;
+type ToggleEntryHandler<E> = (entry: E, nextValue: boolean) => void;
+/**
+ * One responsive-button-group entry. Discriminates on `type`; the meta and
+ * handler shape are derived from there.
+ *
+ * `KdsProgressButton` always has a required `leadingIcon` (the underlying
+ * button forces it), so it skips `WithIconCollapse` — `canBeIconOnly`
+ * remains unconstrained.
+ *
+ * `KdsLinkButton` and `KdsMenuButton` have no entry-level handler: link
+ * activation is native, menu activation lives on `meta.items`.
+ *
+ * `KdsToggleButton`'s handler receives the next boolean value instead of a
+ * DOM event — the underlying button is fully controlled, so the consumer
+ * must update `meta.modelValue` from this callback for the toggle state to
+ * actually change.
+ */
+type Entry<T extends EntryType> = {
+    /** Stable identifier; used as the Vue v-for key and surfaced to consumers. */
+    id: string;
+    type: T;
+    /**
+     * If true (default), the entry is allowed to move into the overflow menu
+     * when the row runs out of space. Pinned (`false`) entries always render
+     * in the visible row.
+     * @default true
+     */
+    canMoveToMenu?: boolean;
+} & (T extends "KdsProgressButton" ? {
+    /**
+     * If true (default), the entry drops its label and renders icon-only
+     * once the row needs to shrink.
+     * @default true
+     */
+    canBeIconOnly?: boolean;
+    meta: EntryMeta<T>;
+} : WithIconCollapse<EntryMeta<T>>) & (T extends "KdsLinkButton" | "KdsMenuButton" ? {
+    handler?: never;
+} : T extends "KdsToggleButton" ? {
+    handler: ToggleEntryHandler<Entry<T>>;
+} : {
+    handler: EntryHandler<Entry<T>>;
+});
+export type KdsResponsiveButtonGroupButton = Entry<"KdsButton"> | Entry<"KdsLinkButton"> | Entry<"KdsSplitButton"> | Entry<"KdsMenuButton"> | Entry<"KdsProgressButton"> | Entry<"KdsToggleButton">;
 export type KdsResponsiveButtonGroupProps = {
     /**
-     * Array of button objects, each requires `id` and `label`.
-     *
-     * Optional: `variant` (defaults to `outlined`), `disabled`, `leadingIcon`, `destructive`, `title`.
+     * Array of button entries. Each entry declares the button `type` and a
+     * `meta` object carrying that type's props, plus optional flags controlling
+     * how the entry participates in responsive collapse.
      */
     buttons: KdsResponsiveButtonGroupButton[];
     /**

package/dist/src/patterns/ResponsiveButtonGroup/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/patterns/ResponsiveButtonGroup/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAEpD,OAAO,EAAE,iCAAiC,EAAE,MAAM,SAAS,CAAC;AAE5D,MAAM,MAAM,iCAAiC,GAC3C,CAAC,OAAO,iCAAiC,CAAC,CAAC,MAAM,OAAO,iCAAiC,CAAC,CAAC;AAE7F,KAAK,YAAY,CAAC,CAAC,EAAE,CAAC,SAAS,MAAM,CAAC,IAAI,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;AAEnE,MAAM,MAAM,8BAA8B,GAAG,IAAI,CAC/C,YAAY,CAAC,cAAc,EAAE,OAAO,CAAC,EACrC,SAAS,GAAG,OAAO,GAAG,UAAU,GAAG,aAAa,GAAG,aAAa,GAAG,OAAO,CAC3E,GAAG;IACF,4EAA4E;IAC5E,EAAE,EAAE,MAAM,CAAC;CACZ,CAAC;AAEF,MAAM,MAAM,6BAA6B,GAAG;IAC1C;;;;OAIG;IACH,OAAO,EAAE,8BAA8B,EAAE,CAAC;IAE1C;;;OAGG;IACH,SAAS,CAAC,EAAE,iCAAiC,CAAC;CAC/C,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/patterns/ResponsiveButtonGroup/types.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@knime/kds-components",
-  "version": "0.31.4",
+  "version": "1.0.0",
   "description": "Package containing basic Vue components of the KNIME Design System",
   "repository": {
     "type": "git",
@@ -40,7 +40,7 @@
     "motion": "^12.39.0",
     "pretty-bytes": "^7.1.0",
     "temporal-polyfill": "^0.3.2",
-    "@knime/kds-styles": "^0.31.4"
+    "@knime/kds-styles": "^1.0.0"
   },
   "devDependencies": {
     "@storybook/vue3-vite": "^10.4.3",