@knime/kds-components 0.22.2 → 0.23.0

package/dist/src/index.d.ts

@@ -8,6 +8,8 @@ export * from './layouts';
 export type * from './layouts';
 export * from './overlays';
 export type * from './overlays';
+export * from './patterns';
+export type * from './patterns';
 export * from './util';
 export type * from './util';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AACA,cAAc,eAAe,CAAC;AAC9B,mBAAmB,eAAe,CAAC;AAGnC,cAAc,WAAW,CAAC;AAC1B,mBAAmB,WAAW,CAAC;AAG/B,cAAc,SAAS,CAAC;AACxB,mBAAmB,SAAS,CAAC;AAG7B,cAAc,WAAW,CAAC;AAC1B,mBAAmB,WAAW,CAAC;AAG/B,cAAc,YAAY,CAAC;AAC3B,mBAAmB,YAAY,CAAC;AAGhC,cAAc,QAAQ,CAAC;AACvB,mBAAmB,QAAQ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AACA,cAAc,eAAe,CAAC;AAC9B,mBAAmB,eAAe,CAAC;AAGnC,cAAc,WAAW,CAAC;AAC1B,mBAAmB,WAAW,CAAC;AAG/B,cAAc,SAAS,CAAC;AACxB,mBAAmB,SAAS,CAAC;AAG7B,cAAc,WAAW,CAAC;AAC1B,mBAAmB,WAAW,CAAC;AAG/B,cAAc,YAAY,CAAC;AAC3B,mBAAmB,YAAY,CAAC;AAGhC,cAAc,YAAY,CAAC;AAC3B,mBAAmB,YAAY,CAAC;AAGhC,cAAc,QAAQ,CAAC;AACvB,mBAAmB,QAAQ,CAAC"}

package/dist/src/layouts/PanelButtonBar/KdsPanelButtonBar.vue.d.ts

@@ -0,0 +1,10 @@
+import { KdsPanelButtonBarProps } from './types';
+declare const _default: import('vue').DefineComponent<KdsPanelButtonBarProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    cancel: (event: MouseEvent) => any;
+    apply: (event: MouseEvent) => any;
+}, string, import('vue').PublicProps, Readonly<KdsPanelButtonBarProps> & Readonly<{
+    onCancel?: ((event: MouseEvent) => any) | undefined;
+    onApply?: ((event: MouseEvent) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;
+//# sourceMappingURL=KdsPanelButtonBar.vue.d.ts.map

package/dist/src/layouts/PanelButtonBar/KdsPanelButtonBar.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"KdsPanelButtonBar.vue.d.ts","sourceRoot":"","sources":["../../../../src/layouts/PanelButtonBar/KdsPanelButtonBar.vue"],"names":[],"mappings":"AA4DA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;;;;;;;;AAmHtD,wBAQG"}

package/dist/src/layouts/PanelButtonBar/index.d.ts

@@ -0,0 +1,3 @@
+export { default as KdsPanelButtonBar } from './KdsPanelButtonBar.vue';
+export type * from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/layouts/PanelButtonBar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/layouts/PanelButtonBar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AACvE,mBAAmB,SAAS,CAAC"}

package/dist/src/layouts/PanelButtonBar/types.d.ts

@@ -0,0 +1,15 @@
+export type KdsPanelButtonBarProps = {
+    /**
+     * The label for the apply button.
+     */
+    applyLabel?: string;
+    /**
+     * The label for the cancel button.
+     */
+    cancelLabel?: string;
+    /**
+     * Whether the buttons are disabled.
+     */
+    disabled?: boolean;
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/src/layouts/PanelButtonBar/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/layouts/PanelButtonBar/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,sBAAsB,GAAG;IACnC;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC"}

package/dist/src/layouts/PanelHeader/KdsPanelHeader.vue.d.ts

@@ -0,0 +1,8 @@
+import { KdsPanelHeaderProps } from './types';
+declare const _default: import('vue').DefineComponent<KdsPanelHeaderProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    close: (event: MouseEvent) => any;
+}, string, import('vue').PublicProps, Readonly<KdsPanelHeaderProps> & Readonly<{
+    onClose?: ((event: MouseEvent) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;
+//# sourceMappingURL=KdsPanelHeader.vue.d.ts.map

package/dist/src/layouts/PanelHeader/KdsPanelHeader.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"KdsPanelHeader.vue.d.ts","sourceRoot":"","sources":["../../../../src/layouts/PanelHeader/KdsPanelHeader.vue"],"names":[],"mappings":"AA2DA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;;;;;;AA0FnD,wBAQG"}

package/dist/src/layouts/PanelHeader/index.d.ts

@@ -0,0 +1,3 @@
+export { default as KdsPanelHeader } from './KdsPanelHeader.vue';
+export type * from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/layouts/PanelHeader/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/layouts/PanelHeader/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACjE,mBAAmB,SAAS,CAAC"}

package/dist/src/layouts/PanelHeader/types.d.ts

@@ -0,0 +1,7 @@
+export type KdsPanelHeaderProps = {
+    /**
+     * The headline of the panel header.
+     */
+    headline: string;
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/src/layouts/PanelHeader/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/layouts/PanelHeader/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,mBAAmB,GAAG;IAChC;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC"}

package/dist/src/layouts/index.d.ts

@@ -2,8 +2,12 @@ export * from './EmptyState';
 export type * from './EmptyState';
 export * from './KdsCardClickable';
 export type * from './KdsCardClickable';
+export * from './PanelHeader';
+export type * from './PanelHeader';
 export * from './TabBar';
 export type * from './TabBar';
 export * from './LoadingSkeleton';
 export type * from './LoadingSkeleton';
+export * from './PanelButtonBar';
+export type * from './PanelButtonBar';
 //# sourceMappingURL=index.d.ts.map

package/dist/src/layouts/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/layouts/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,mBAAmB,cAAc,CAAC;AAElC,cAAc,oBAAoB,CAAC;AACnC,mBAAmB,oBAAoB,CAAC;AAExC,cAAc,UAAU,CAAC;AACzB,mBAAmB,UAAU,CAAC;AAE9B,cAAc,mBAAmB,CAAC;AAClC,mBAAmB,mBAAmB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/layouts/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,mBAAmB,cAAc,CAAC;AAElC,cAAc,oBAAoB,CAAC;AACnC,mBAAmB,oBAAoB,CAAC;AAExC,cAAc,eAAe,CAAC;AAC9B,mBAAmB,eAAe,CAAC;AAEnC,cAAc,UAAU,CAAC;AACzB,mBAAmB,UAAU,CAAC;AAE9B,cAAc,mBAAmB,CAAC;AAClC,mBAAmB,mBAAmB,CAAC;AAEvC,cAAc,kBAAkB,CAAC;AACjC,mBAAmB,kBAAkB,CAAC"}

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

@@ -0,0 +1,336 @@
+import { nextTick } from 'vue';
+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, {
+    measureContainer: HTMLDivElement;
+    measureButton: (import('vue').CreateComponentPublicInstanceWithMixins<Readonly<(import('../../buttons/types').KdsButtonCommonProps & {
+        label: string;
+        leadingIcon?: import('../..').KdsIconName;
+        trailingIcon?: import('../..').KdsIconName;
+        ariaLabel?: never;
+    } & import('../../buttons/types').WithDestructive) | (import('../../buttons/types').KdsButtonCommonProps & {
+        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('../../buttons/types').KdsButtonCommonProps & {
+        label: string;
+        leadingIcon?: import('../..').KdsIconName;
+        trailingIcon?: import('../..').KdsIconName;
+        ariaLabel?: never;
+    } & import('../../buttons/types').WithDestructive) | (import('../../buttons/types').KdsButtonCommonProps & {
+        label?: never;
+        leadingIcon: import('../..').KdsIconName;
+        trailingIcon?: never;
+        ariaLabel: string;
+    } & import('../../buttons/types').WithDestructive)> & Readonly<{
+        onClick?: ((event: MouseEvent) => any) | undefined;
+    }>), {}, {}, {}, {}, {}> | null)[];
+    measureMenuButton: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<(import('../../buttons/types').KdsButtonCommonProps<import('../..').KdsToggleButtonVariant> & {
+        label: string;
+        leadingIcon?: import('../..').KdsIconName;
+        trailingIcon?: import('../..').KdsIconName;
+        ariaLabel?: never;
+    } & {
+        items: import('../..').KdsMenuItem[];
+        menuMaxHeight?: string;
+    }) | (import('../../buttons/types').KdsButtonCommonProps<import('../..').KdsToggleButtonVariant> & {
+        label?: never;
+        leadingIcon: import('../..').KdsIconName;
+        trailingIcon?: never;
+        ariaLabel: string;
+    } & {
+        items: import('../..').KdsMenuItem[];
+        menuMaxHeight?: string;
+    })> & Readonly<{
+        onItemClick?: ((id: string) => any) | undefined;
+    }>, {
+        menuButtonEl: Readonly<import('vue').ShallowRef<import('vue').CreateComponentPublicInstanceWithMixins<Readonly<({
+            modelValue?: boolean;
+        } & import('../../buttons/types').KdsButtonCommonProps<import('../..').KdsToggleButtonVariant> & {
+            label: string;
+            leadingIcon?: import('../..').KdsIconName;
+            trailingIcon?: import('../..').KdsIconName;
+            ariaLabel?: never;
+        }) | ({
+            modelValue?: boolean;
+        } & import('../../buttons/types').KdsButtonCommonProps<import('../..').KdsToggleButtonVariant> & {
+            label?: never;
+            leadingIcon: import('../..').KdsIconName;
+            trailingIcon?: never;
+            ariaLabel: string;
+        })> & Readonly<{
+            "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            "update:modelValue": (value: boolean) => any;
+        }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, {} & (Readonly<({
+            modelValue?: boolean;
+        } & import('../../buttons/types').KdsButtonCommonProps<import('../..').KdsToggleButtonVariant> & {
+            label: string;
+            leadingIcon?: import('../..').KdsIconName;
+            trailingIcon?: import('../..').KdsIconName;
+            ariaLabel?: never;
+        }) | ({
+            modelValue?: boolean;
+        } & import('../../buttons/types').KdsButtonCommonProps<import('../..').KdsToggleButtonVariant> & {
+            label?: never;
+            leadingIcon: import('../..').KdsIconName;
+            trailingIcon?: never;
+            ariaLabel: string;
+        })> & Readonly<{
+            "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+        }>), {}, {}, {}, {}, {}> | null>>;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        itemClick: (id: string) => any;
+    }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+        menuButton: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<({
+            modelValue?: boolean;
+        } & import('../../buttons/types').KdsButtonCommonProps<import('../..').KdsToggleButtonVariant> & {
+            label: string;
+            leadingIcon?: import('../..').KdsIconName;
+            trailingIcon?: import('../..').KdsIconName;
+            ariaLabel?: never;
+        }) | ({
+            modelValue?: boolean;
+        } & import('../../buttons/types').KdsButtonCommonProps<import('../..').KdsToggleButtonVariant> & {
+            label?: never;
+            leadingIcon: import('../..').KdsIconName;
+            trailingIcon?: never;
+            ariaLabel: string;
+        })> & Readonly<{
+            "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            "update:modelValue": (value: boolean) => any;
+        }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, {} & (Readonly<({
+            modelValue?: boolean;
+        } & import('../../buttons/types').KdsButtonCommonProps<import('../..').KdsToggleButtonVariant> & {
+            label: string;
+            leadingIcon?: import('../..').KdsIconName;
+            trailingIcon?: import('../..').KdsIconName;
+            ariaLabel?: never;
+        }) | ({
+            modelValue?: boolean;
+        } & import('../../buttons/types').KdsButtonCommonProps<import('../..').KdsToggleButtonVariant> & {
+            label?: never;
+            leadingIcon: import('../..').KdsIconName;
+            trailingIcon?: never;
+            ariaLabel: string;
+        })> & Readonly<{
+            "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+        }>), {}, {}, {}, {}, {}> | null;
+        popover: ({
+            $: import('vue').ComponentInternalInstance;
+            $data: {};
+            $props: {
+                readonly modelValue?: boolean | undefined;
+                readonly placement?: import('../../overlays/Popover').KdsPopoverPlacement | undefined;
+                readonly role?: import('../../overlays/Popover').KdsPopoverRole | undefined;
+                readonly popoverType?: import('../../overlays/Popover').KdsPopoverType | undefined;
+                readonly fullWidth?: boolean | undefined;
+                readonly maxInlineSize?: string | undefined;
+                readonly content?: string | undefined;
+                readonly "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+            $attrs: import('vue').Attrs;
+            $refs: {
+                [x: string]: unknown;
+            } & {
+                popoverEl: HTMLDivElement;
+            };
+            $slots: Readonly<{
+                [name: string]: import('vue').Slot<any> | undefined;
+            }>;
+            $root: import('vue').ComponentPublicInstance | null;
+            $parent: import('vue').ComponentPublicInstance | null;
+            $host: Element | null;
+            $emit: (event: "update:modelValue", value: boolean) => void;
+            $el: HTMLDivElement;
+            $options: import('vue').ComponentOptionsBase<Readonly<{
+                modelValue?: boolean;
+            } & import('../../overlays/Popover').KdsPopoverProps> & Readonly<{
+                "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+            }>, {
+                anchorStyle: Record<string, string>;
+                popoverId: string;
+            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                "update:modelValue": (value: boolean) => any;
+            }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+                beforeCreate?: (() => void) | (() => void)[];
+                created?: (() => void) | (() => void)[];
+                beforeMount?: (() => void) | (() => void)[];
+                mounted?: (() => void) | (() => void)[];
+                beforeUpdate?: (() => void) | (() => void)[];
+                updated?: (() => void) | (() => void)[];
+                activated?: (() => void) | (() => void)[];
+                deactivated?: (() => void) | (() => void)[];
+                beforeDestroy?: (() => void) | (() => void)[];
+                beforeUnmount?: (() => void) | (() => void)[];
+                destroyed?: (() => void) | (() => void)[];
+                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)[];
+            };
+            $forceUpdate: () => void;
+            $nextTick: typeof nextTick;
+            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+        } & Readonly<{}> & Omit<Readonly<{
+            modelValue?: boolean;
+        } & import('../../overlays/Popover').KdsPopoverProps> & Readonly<{
+            "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+        }>, "anchorStyle" | "popoverId"> & import('vue').ShallowUnwrapRef<{
+            anchorStyle: Record<string, string>;
+            popoverId: string;
+        }> & {} & import('vue').ComponentCustomProperties & {} & {
+            $slots: {
+                default?(_: {}): any;
+            };
+        }) | null;
+        menuContainer: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../../forms/_helper/MenuContainer/types').KdsMenuContainerProps> & Readonly<{
+            onItemClick?: ((id: string) => any) | undefined;
+        }>, {
+            focus: () => void;
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            itemClick: (id: string) => any;
+        }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+            listContainerEl: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../../forms/_helper/List/ListContainer').KdsListContainerProps> & Readonly<{
+                onItemClick?: ((id?: string | undefined) => any) | undefined;
+            }>, {
+                handleKeydown: (event: KeyboardEvent) => void;
+                handleFocus: () => void;
+                handleBlur: () => void;
+                activeDescendant: Readonly<import('vue').Ref<string | undefined>>;
+                focus: () => void;
+            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                itemClick: (id?: string | undefined) => any;
+            }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+                containerEl: HTMLDivElement;
+            }, HTMLDivElement, import('vue').ComponentProvideOptions, {
+                P: {};
+                B: {};
+                D: {};
+                C: {};
+                M: {};
+                Defaults: {};
+            }, Readonly<import('../../forms/_helper/List/ListContainer').KdsListContainerProps> & Readonly<{
+                onItemClick?: ((id?: string | undefined) => any) | undefined;
+            }>, {
+                handleKeydown: (event: KeyboardEvent) => void;
+                handleFocus: () => void;
+                handleBlur: () => void;
+                activeDescendant: Readonly<import('vue').Ref<string | undefined>>;
+                focus: () => void;
+            }, {}, {}, {}, {}> | null;
+        }, HTMLDivElement, import('vue').ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import('../../forms/_helper/MenuContainer/types').KdsMenuContainerProps> & Readonly<{
+            onItemClick?: ((id: string) => any) | undefined;
+        }>, {
+            focus: () => void;
+        }, {}, {}, {}, {}> | null;
+    }, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, {} & (Readonly<(import('../../buttons/types').KdsButtonCommonProps<import('../..').KdsToggleButtonVariant> & {
+        label: string;
+        leadingIcon?: import('../..').KdsIconName;
+        trailingIcon?: import('../..').KdsIconName;
+        ariaLabel?: never;
+    } & {
+        items: import('../..').KdsMenuItem[];
+        menuMaxHeight?: string;
+    }) | (import('../../buttons/types').KdsButtonCommonProps<import('../..').KdsToggleButtonVariant> & {
+        label?: never;
+        leadingIcon: import('../..').KdsIconName;
+        trailingIcon?: never;
+        ariaLabel: string;
+    } & {
+        items: import('../..').KdsMenuItem[];
+        menuMaxHeight?: string;
+    })> & Readonly<{
+        onItemClick?: ((id: string) => any) | undefined;
+    }>), {
+        menuButtonEl: Readonly<import('vue').ShallowRef<import('vue').CreateComponentPublicInstanceWithMixins<Readonly<({
+            modelValue?: boolean;
+        } & import('../../buttons/types').KdsButtonCommonProps<import('../..').KdsToggleButtonVariant> & {
+            label: string;
+            leadingIcon?: import('../..').KdsIconName;
+            trailingIcon?: import('../..').KdsIconName;
+            ariaLabel?: never;
+        }) | ({
+            modelValue?: boolean;
+        } & import('../../buttons/types').KdsButtonCommonProps<import('../..').KdsToggleButtonVariant> & {
+            label?: never;
+            leadingIcon: import('../..').KdsIconName;
+            trailingIcon?: never;
+            ariaLabel: string;
+        })> & Readonly<{
+            "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            "update:modelValue": (value: boolean) => any;
+        }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, {} & (Readonly<({
+            modelValue?: boolean;
+        } & import('../../buttons/types').KdsButtonCommonProps<import('../..').KdsToggleButtonVariant> & {
+            label: string;
+            leadingIcon?: import('../..').KdsIconName;
+            trailingIcon?: import('../..').KdsIconName;
+            ariaLabel?: never;
+        }) | ({
+            modelValue?: boolean;
+        } & import('../../buttons/types').KdsButtonCommonProps<import('../..').KdsToggleButtonVariant> & {
+            label?: never;
+            leadingIcon: import('../..').KdsIconName;
+            trailingIcon?: never;
+            ariaLabel: string;
+        })> & Readonly<{
+            "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+        }>), {}, {}, {}, {}, {}> | null>>;
+    }, {}, {}, {}, {}> | null;
+    buttonsContainer: HTMLDivElement;
+}, any>;
+export default _default;
+//# sourceMappingURL=KdsResponsiveButtonGroup.vue.d.ts.map

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

@@ -0,0 +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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAsSk4W,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAhBrjX,wBAQG"}

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

@@ -0,0 +1,7 @@
+export declare const kdsResponsiveButtonGroupAlignment: {
+    readonly LEFT: "left";
+    readonly RIGHT: "right";
+    readonly MIDDLE: "middle";
+};
+export declare const kdsResponsiveButtonGroupAlignments: ("left" | "right" | "middle")[];
+//# sourceMappingURL=enums.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"enums.d.ts","sourceRoot":"","sources":["../../../../src/patterns/ResponsiveButtonGroup/enums.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,iCAAiC;;;;CAIpC,CAAC;AAEX,eAAO,MAAM,kCAAkC,iCAE9C,CAAC"}

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

@@ -0,0 +1,4 @@
+export { default as KdsResponsiveButtonGroup } from './KdsResponsiveButtonGroup.vue';
+export { kdsResponsiveButtonGroupAlignment, kdsResponsiveButtonGroupAlignments, } from './enums';
+export type * from './types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/patterns/ResponsiveButtonGroup/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,wBAAwB,EAAE,MAAM,gCAAgC,CAAC;AACrF,OAAO,EACL,iCAAiC,EACjC,kCAAkC,GACnC,MAAM,SAAS,CAAC;AACjB,mBAAmB,SAAS,CAAC"}

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

@@ -0,0 +1,23 @@
+import { KdsButtonProps } from '../../buttons';
+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;
+};
+export type KdsResponsiveButtonGroupProps = {
+    /**
+     * Array of button objects, each requires `id` and `label`.
+     *
+     * Optional: `variant` (defaults to `outlined`), `disabled`, `leadingIcon`, `destructive`, `title`.
+     */
+    buttons: KdsResponsiveButtonGroupButton[];
+    /**
+     * Horizontal alignment of the button group.
+     * @default "left"
+     */
+    alignment?: KdsResponsiveButtonGroupAlignment;
+};
+export {};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +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"}

package/dist/src/patterns/index.d.ts

@@ -0,0 +1,3 @@
+export * from './ResponsiveButtonGroup';
+export type * from './ResponsiveButtonGroup';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/patterns/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/patterns/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC;AACxC,mBAAmB,yBAAyB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@knime/kds-components",
-  "version": "0.22.2",
+  "version": "0.23.0",
   "description": "Package containing basic Vue components of the KNIME Design System",
   "repository": {
     "type": "git",
@@ -37,7 +37,7 @@
     "@knime/utils": "^1.9.2",
     "consola": "^3.4.2",
     "pretty-bytes": "^7.1.0",
-    "@knime/kds-styles": "^0.22.2"
+    "@knime/kds-styles": "^0.23.0"
   },
   "devDependencies": {
     "@storybook/vue3-vite": "^10.3.3",

package/dist/src/forms/inputs/ColorInput/ColorPicker.vue.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ColorPicker.vue.d.ts","sourceRoot":"","sources":["../../../../../src/forms/inputs/ColorInput/ColorPicker.vue"],"names":[],"mappings":"AAyiBA,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;;;;;;;;;AAsIF,wBASG"}