@knime/kds-components 0.21.0 → 0.22.1

package/dist/src/forms/selects/TwinList/KdsTwinList.vue.d.ts

@@ -0,0 +1,152 @@
+import { KdsTwinListSearchMode } from './types.ts';
+declare const _default: import('vue').DefineComponent<({
+    mode?: KdsTwinListSearchMode;
+    manuallyIncluded?: string[];
+    manuallyExcluded?: string[];
+    includeUnknownValues?: boolean | null;
+    pattern?: string;
+    selectedTypes?: string[];
+    caseSensitive?: boolean;
+    excludeMatches?: boolean;
+    useRegex?: boolean;
+} & {
+    description?: string;
+} & {
+    label: string;
+    ariaLabel?: never;
+} & {
+    id?: string;
+} & {
+    error?: boolean | undefined;
+    subText?: string | undefined;
+    validating?: boolean | undefined;
+    preserveSubTextSpace?: boolean | undefined;
+} & {
+    disabled?: boolean;
+    possibleValues: import('./types.ts').KdsTwinListPossibleValue[];
+    filterTypes?: import('./types.ts').KdsTwinListPossibleType[];
+    enablePatternFilter?: boolean;
+    excludeLabel?: string;
+    includeLabel?: string;
+    unknownValuesText?: string;
+    emptyStateLabel?: string;
+    loading?: boolean;
+}) | ({
+    mode?: KdsTwinListSearchMode;
+    manuallyIncluded?: string[];
+    manuallyExcluded?: string[];
+    includeUnknownValues?: boolean | null;
+    pattern?: string;
+    selectedTypes?: string[];
+    caseSensitive?: boolean;
+    excludeMatches?: boolean;
+    useRegex?: boolean;
+} & {
+    description?: string;
+} & {
+    label?: never;
+    ariaLabel: string;
+} & {
+    id?: string;
+} & {
+    error?: boolean | undefined;
+    subText?: string | undefined;
+    validating?: boolean | undefined;
+    preserveSubTextSpace?: boolean | undefined;
+} & {
+    disabled?: boolean;
+    possibleValues: import('./types.ts').KdsTwinListPossibleValue[];
+    filterTypes?: import('./types.ts').KdsTwinListPossibleType[];
+    enablePatternFilter?: boolean;
+    excludeLabel?: string;
+    includeLabel?: string;
+    unknownValuesText?: string;
+    emptyStateLabel?: string;
+    loading?: boolean;
+}), {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:caseSensitive": (value: boolean) => any;
+    "update:excludeMatches": (value: boolean) => any;
+    "update:useRegex": (value: boolean) => any;
+    "update:mode": (value: KdsTwinListSearchMode) => any;
+    "update:pattern": (value: string) => any;
+    "update:selectedTypes": (value: string[]) => any;
+    "update:manuallyIncluded": (value: string[]) => any;
+    "update:manuallyExcluded": (value: string[]) => any;
+    "update:includeUnknownValues": (value: boolean | null) => any;
+}, string, import('vue').PublicProps, Readonly<({
+    mode?: KdsTwinListSearchMode;
+    manuallyIncluded?: string[];
+    manuallyExcluded?: string[];
+    includeUnknownValues?: boolean | null;
+    pattern?: string;
+    selectedTypes?: string[];
+    caseSensitive?: boolean;
+    excludeMatches?: boolean;
+    useRegex?: boolean;
+} & {
+    description?: string;
+} & {
+    label: string;
+    ariaLabel?: never;
+} & {
+    id?: string;
+} & {
+    error?: boolean | undefined;
+    subText?: string | undefined;
+    validating?: boolean | undefined;
+    preserveSubTextSpace?: boolean | undefined;
+} & {
+    disabled?: boolean;
+    possibleValues: import('./types.ts').KdsTwinListPossibleValue[];
+    filterTypes?: import('./types.ts').KdsTwinListPossibleType[];
+    enablePatternFilter?: boolean;
+    excludeLabel?: string;
+    includeLabel?: string;
+    unknownValuesText?: string;
+    emptyStateLabel?: string;
+    loading?: boolean;
+}) | ({
+    mode?: KdsTwinListSearchMode;
+    manuallyIncluded?: string[];
+    manuallyExcluded?: string[];
+    includeUnknownValues?: boolean | null;
+    pattern?: string;
+    selectedTypes?: string[];
+    caseSensitive?: boolean;
+    excludeMatches?: boolean;
+    useRegex?: boolean;
+} & {
+    description?: string;
+} & {
+    label?: never;
+    ariaLabel: string;
+} & {
+    id?: string;
+} & {
+    error?: boolean | undefined;
+    subText?: string | undefined;
+    validating?: boolean | undefined;
+    preserveSubTextSpace?: boolean | undefined;
+} & {
+    disabled?: boolean;
+    possibleValues: import('./types.ts').KdsTwinListPossibleValue[];
+    filterTypes?: import('./types.ts').KdsTwinListPossibleType[];
+    enablePatternFilter?: boolean;
+    excludeLabel?: string;
+    includeLabel?: string;
+    unknownValuesText?: string;
+    emptyStateLabel?: string;
+    loading?: boolean;
+})> & Readonly<{
+    "onUpdate:caseSensitive"?: ((value: boolean) => any) | undefined;
+    "onUpdate:excludeMatches"?: ((value: boolean) => any) | undefined;
+    "onUpdate:useRegex"?: ((value: boolean) => any) | undefined;
+    "onUpdate:mode"?: ((value: KdsTwinListSearchMode) => any) | undefined;
+    "onUpdate:pattern"?: ((value: string) => any) | undefined;
+    "onUpdate:selectedTypes"?: ((value: string[]) => any) | undefined;
+    "onUpdate:manuallyIncluded"?: ((value: string[]) => any) | undefined;
+    "onUpdate:manuallyExcluded"?: ((value: string[]) => any) | undefined;
+    "onUpdate:includeUnknownValues"?: ((value: boolean | null) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLFieldSetElement>;
+export default _default;
+//# sourceMappingURL=KdsTwinList.vue.d.ts.map

package/dist/src/forms/selects/TwinList/KdsTwinList.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"KdsTwinList.vue.d.ts","sourceRoot":"","sources":["../../../../../src/forms/selects/TwinList/KdsTwinList.vue"],"names":[],"mappings":"AA2KA,OAAO,KAAK,EAGV,qBAAqB,EACtB,MAAM,YAAY,CAAC;;WAqHX,qBAAqB;uBACT,MAAM,EAAE;uBACR,MAAM,EAAE;2BACJ,OAAO,GAAG,IAAI;cAC3B,MAAM;oBACA,MAAM,EAAE;oBACR,OAAO;qBACN,OAAO;eACb,OAAO;;;;;;;;;;;;;;;;;;;;;;;;WARX,qBAAqB;uBACT,MAAM,EAAE;uBACR,MAAM,EAAE;2BACJ,OAAO,GAAG,IAAI;cAC3B,MAAM;oBACA,MAAM,EAAE;oBACR,OAAO;qBACN,OAAO;eACb,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;WARX,qBAAqB;uBACT,MAAM,EAAE;uBACR,MAAM,EAAE;2BACJ,OAAO,GAAG,IAAI;cAC3B,MAAM;oBACA,MAAM,EAAE;oBACR,OAAO;qBACN,OAAO;eACb,OAAO;;;;;;;;;;;;;;;;;;;;;;;;WARX,qBAAqB;uBACT,MAAM,EAAE;uBACR,MAAM,EAAE;2BACJ,OAAO,GAAG,IAAI;cAC3B,MAAM;oBACA,MAAM,EAAE;oBACR,OAAO;qBACN,OAAO;eACb,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0JpB,wBAQG"}

package/dist/src/forms/selects/TwinList/TwinListBody.vue.d.ts

@@ -0,0 +1,12 @@
+import { KdsTwinListModelValue, TwinListBodyProps } from './types';
+type __VLS_Props = TwinListBodyProps;
+type __VLS_PublicProps = {
+    modelValue: KdsTwinListModelValue;
+} & __VLS_Props;
+declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: KdsTwinListModelValue) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: KdsTwinListModelValue) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;
+//# sourceMappingURL=TwinListBody.vue.d.ts.map

package/dist/src/forms/selects/TwinList/TwinListBody.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TwinListBody.vue.d.ts","sourceRoot":"","sources":["../../../../../src/forms/selects/TwinList/TwinListBody.vue"],"names":[],"mappings":"AA+YA,OAAO,KAAK,EACV,qBAAqB,EAErB,iBAAiB,EAClB,MAAM,SAAS,CAAC;AAEjB,KAAK,WAAW,GAAG,iBAAiB,CAAC;AAiMrC,KAAK,iBAAiB,GAAG;IACzB,UAAU,EAAE,qBAAqB,CAAC;CACjC,GAAG,WAAW,CAAC;;;;;;AAiYhB,wBAQG"}

package/dist/src/forms/selects/TwinList/TwinListHeader.vue.d.ts

@@ -0,0 +1,32 @@
+import { KdsTwinListSearchMode, TwinListHeaderProps } from './types';
+type __VLS_Props = TwinListHeaderProps;
+type __VLS_PublicProps = {
+    "mode"?: KdsTwinListSearchMode;
+    "pattern"?: string;
+    "searchTerm"?: string;
+    "selectedTypes"?: string[];
+    "caseSensitive"?: boolean;
+    "excludeMatches"?: boolean;
+    "useRegex"?: boolean;
+} & __VLS_Props;
+declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:regex": (value: string) => any;
+    "update:caseSensitive": (value: boolean) => any;
+    "update:excludeMatches": (value: boolean) => any;
+    "update:useRegex": (value: boolean) => any;
+    "update:mode": (value: KdsTwinListSearchMode) => any;
+    "update:pattern": (value: string) => any;
+    "update:searchTerm": (value: string) => any;
+    "update:selectedTypes": (value: string[]) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:regex"?: ((value: string) => any) | undefined;
+    "onUpdate:caseSensitive"?: ((value: boolean) => any) | undefined;
+    "onUpdate:excludeMatches"?: ((value: boolean) => any) | undefined;
+    "onUpdate:useRegex"?: ((value: boolean) => any) | undefined;
+    "onUpdate:mode"?: ((value: KdsTwinListSearchMode) => any) | undefined;
+    "onUpdate:pattern"?: ((value: string) => any) | undefined;
+    "onUpdate:searchTerm"?: ((value: string) => any) | undefined;
+    "onUpdate:selectedTypes"?: ((value: string[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;
+//# sourceMappingURL=TwinListHeader.vue.d.ts.map

package/dist/src/forms/selects/TwinList/TwinListHeader.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TwinListHeader.vue.d.ts","sourceRoot":"","sources":["../../../../../src/forms/selects/TwinList/TwinListHeader.vue"],"names":[],"mappings":"AAiHA,OAAO,KAAK,EAAE,qBAAqB,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAE1E,KAAK,WAAW,GAAG,mBAAmB,CAAC;AAgEvC,KAAK,iBAAiB,GAAG;IACzB,MAAM,CAAC,EAAE,qBAAqB,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;IAC3B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;AAqJhB,wBAOG"}

package/dist/src/forms/selects/TwinList/enums.d.ts

@@ -0,0 +1,7 @@
+export declare const kdsTwinListSearchMode: {
+    readonly MANUAL: "manual";
+    readonly PATTERN: "pattern";
+    readonly TYPE: "type";
+};
+export declare const kdsTwinListSearchModes: ("pattern" | "type" | "manual")[];
+//# sourceMappingURL=enums.d.ts.map

package/dist/src/forms/selects/TwinList/enums.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"enums.d.ts","sourceRoot":"","sources":["../../../../../src/forms/selects/TwinList/enums.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,qBAAqB;;;;CAIxB,CAAC;AAEX,eAAO,MAAM,sBAAsB,mCAAuC,CAAC"}

package/dist/src/forms/selects/TwinList/index.d.ts

@@ -0,0 +1,4 @@
+export { default as KdsTwinList } from './KdsTwinList.vue';
+export * from './enums';
+export type { KdsTwinListPossibleType, KdsTwinListPossibleValue, KdsTwinListProps, KdsTwinListSearchMode, } from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/forms/selects/TwinList/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/forms/selects/TwinList/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAC3D,cAAc,SAAS,CAAC;AACxB,YAAY,EACV,uBAAuB,EACvB,wBAAwB,EACxB,gBAAgB,EAChB,qBAAqB,GACtB,MAAM,SAAS,CAAC"}

package/dist/src/forms/selects/TwinList/types.d.ts

@@ -0,0 +1,94 @@
+import { KdsListItemAccessory } from '../../_helper/List/ListItemAccessory/types';
+import { KdsFormFieldProps } from '../../types';
+import { kdsTwinListSearchMode } from './enums';
+export type KdsTwinListPossibleValue = {
+    /** Unique identifier of the value. */
+    id: string;
+    /** Main text shown in the list. */
+    text: string;
+    /** Optional accessory rendered before the label. */
+    accessory?: KdsListItemAccessory;
+    /** Optional type id used by the type filter mode. */
+    type?: string;
+};
+export type KdsTwinListPossibleType = {
+    id: string;
+    text: string;
+    accessory?: KdsListItemAccessory;
+};
+export type KdsTwinListSearchMode = (typeof kdsTwinListSearchMode)[keyof typeof kdsTwinListSearchMode];
+/**
+ * Combined model value used internally by TwinListBody.
+ * `includeUnknownValues` being `null` hides the unknown-values option entirely.
+ */
+export type KdsTwinListModelValue = {
+    includedValues: string[];
+    excludedValues: string[];
+    includeUnknownValues: boolean | null;
+};
+export type TwinListHeaderProps = {
+    /**
+     * Types available in the type-filter mode. When provided, the "Type" tab is
+     * shown. `undefined` hides it.
+     */
+    filterTypes?: KdsTwinListPossibleType[];
+    /** Whether the pattern filter mode is available. */
+    enablePatternFilter?: boolean;
+    disabled?: boolean;
+};
+export type TwinListBodyProps = {
+    /** Disables moving items between the lists. */
+    disabled?: boolean;
+    /** Values shown in the two lists. */
+    possibleValues: KdsTwinListPossibleValue[];
+    /** Current search term used to filter items in both lists. */
+    searchTerm?: string;
+    /** Label for the left (excluded) column. */
+    excludeLabel?: string;
+    /** Label for the right (included) column. */
+    includeLabel?: string;
+    /** Text shown for the unknown-values option. */
+    unknownValuesText?: string;
+    /** Text shown when a list is empty. */
+    emptyStateLabel?: string;
+    /**
+     * Whether the twinlist is in a loading state. When true, a loading
+     * indicator is shown and the lists are non-interactive.
+     */
+    loading?: boolean;
+};
+/** Props passed to defineProps (excludes model-bound fields handled by defineModel). */
+export type KdsTwinListProps = KdsFormFieldProps & {
+    /** Disables moving items between the lists. */
+    disabled?: boolean;
+    /** Values shown in the two lists. */
+    possibleValues: KdsTwinListPossibleValue[];
+    /**
+     * Types available in the type-filter mode. When provided (even if empty
+     * array), the "Type" tab is shown in the mode switcher. The caller is
+     * responsible for merging types extracted from `possibleValues` with any
+     * additional/previously-selected types before passing them here.
+     *
+     * `undefined` (default) hides the type-filter mode entirely.
+     */
+    filterTypes?: KdsTwinListPossibleType[];
+    /**
+     * Whether the pattern filter mode is available. Defaults to `false`.
+     */
+    enablePatternFilter?: boolean;
+    /** Label for the left (excluded) column. */
+    excludeLabel?: string;
+    /** Label for the right (included) column. */
+    includeLabel?: string;
+    /** Text shown for the unknown-values option. */
+    unknownValuesText?: string;
+    /** Text shown when a list is empty. */
+    emptyStateLabel?: string;
+    /**
+     * Whether the twinlist is in a loading state. When true, a loading
+     * indicator is shown instead of the list contents while the header and mode
+     * switcher remain visible.
+     */
+    loading?: boolean;
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/src/forms/selects/TwinList/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/forms/selects/TwinList/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,4CAA4C,CAAC;AACvF,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAErD,OAAO,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAEhD,MAAM,MAAM,wBAAwB,GAAG;IACrC,sCAAsC;IACtC,EAAE,EAAE,MAAM,CAAC;IACX,mCAAmC;IACnC,IAAI,EAAE,MAAM,CAAC;IACb,oDAAoD;IACpD,SAAS,CAAC,EAAE,oBAAoB,CAAC;IACjC,qDAAqD;IACrD,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG;IACpC,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,oBAAoB,CAAC;CAClC,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAC/B,CAAC,OAAO,qBAAqB,CAAC,CAAC,MAAM,OAAO,qBAAqB,CAAC,CAAC;AAErE;;;GAGG;AACH,MAAM,MAAM,qBAAqB,GAAG;IAClC,cAAc,EAAE,MAAM,EAAE,CAAC;IACzB,cAAc,EAAE,MAAM,EAAE,CAAC;IACzB,oBAAoB,EAAE,OAAO,GAAG,IAAI,CAAC;CACtC,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC;;;OAGG;IACH,WAAW,CAAC,EAAE,uBAAuB,EAAE,CAAC;IACxC,oDAAoD;IACpD,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qCAAqC;IACrC,cAAc,EAAE,wBAAwB,EAAE,CAAC;IAC3C,8DAA8D;IAC9D,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,4CAA4C;IAC5C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,6CAA6C;IAC7C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,gDAAgD;IAChD,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,uCAAuC;IACvC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,wFAAwF;AACxF,MAAM,MAAM,gBAAgB,GAAG,iBAAiB,GAAG;IACjD,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qCAAqC;IACrC,cAAc,EAAE,wBAAwB,EAAE,CAAC;IAC3C;;;;;;;OAOG;IACH,WAAW,CAAC,EAAE,uBAAuB,EAAE,CAAC;IACxC;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,4CAA4C;IAC5C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,6CAA6C;IAC7C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,gDAAgD;IAChD,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,uCAAuC;IACvC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC"}

package/dist/src/forms/selects/index.d.ts

@@ -2,4 +2,6 @@ export * from './Dropdown';
 export type * from './Dropdown';
 export * from './MultiSelectListBox';
 export type * from './MultiSelectListBox';
+export * from './TwinList';
+export type * from './TwinList';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/forms/selects/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,mBAAmB,YAAY,CAAC;AAEhC,cAAc,sBAAsB,CAAC;AACrC,mBAAmB,sBAAsB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/forms/selects/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,mBAAmB,YAAY,CAAC;AAEhC,cAAc,sBAAsB,CAAC;AACrC,mBAAmB,sBAAsB,CAAC;AAE1C,cAAc,YAAY,CAAC;AAC3B,mBAAmB,YAAY,CAAC"}

package/dist/src/layouts/LoadingSkeleton/KdsLoadingSkeleton.vue.d.ts

@@ -0,0 +1,19 @@
+import { KdsLoadingSkeletonProps } from './types';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<KdsLoadingSkeletonProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<KdsLoadingSkeletonProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=KdsLoadingSkeleton.vue.d.ts.map

package/dist/src/layouts/LoadingSkeleton/KdsLoadingSkeleton.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"KdsLoadingSkeleton.vue.d.ts","sourceRoot":"","sources":["../../../../src/layouts/LoadingSkeleton/KdsLoadingSkeleton.vue"],"names":[],"mappings":"AAsKA,OAAO,KAAK,EACV,uBAAuB,EAExB,MAAM,SAAS,CAAC;AAajB,iBAAS,cAAc;WA4LT,OAAO,IAA6B;;yBAXpB,GAAG;;;;EAgBhC;AASD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,0TAMnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/src/layouts/LoadingSkeleton/LoadingSkeletonItem.vue.d.ts

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

package/dist/src/layouts/LoadingSkeleton/LoadingSkeletonItem.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingSkeletonItem.vue.d.ts","sourceRoot":"","sources":["../../../../src/layouts/LoadingSkeleton/LoadingSkeletonItem.vue"],"names":[],"mappings":"AA2GA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAC;;AA0DxD,wBAOG"}

package/dist/src/layouts/LoadingSkeleton/enums.d.ts

@@ -0,0 +1,33 @@
+export declare const loadingSkeletonItemShape: {
+    readonly TEXT: "text";
+    readonly LABEL: "label";
+    readonly ICON_LARGE: "icon-large";
+    readonly ICON_MEDIUM: "icon-medium";
+    readonly ICON_SMALL: "icon-small";
+    readonly BUTTON_LARGE: "button-large";
+    readonly BUTTON_MEDIUM: "button-medium";
+    readonly BUTTON_SMALL: "button-small";
+    readonly BUTTON_XSMALL: "button-xsmall";
+    readonly CARD: "card";
+    readonly INPUT_WITH_LABEL: "input-with-label";
+};
+export declare const kdsLoadingSkeletonVariant: {
+    readonly HEADLINE_WITH_PARAGRAPH: "headline-with-paragraph";
+    readonly LIST_ITEM_LARGE: "list-item-large";
+    readonly LIST_ITEM_LARGE_WITH_SUBTEXT: "list-item-large-with-subtext";
+    readonly LIST_ITEM_SMALL: "list-item-small";
+    readonly LIST_ITEM_SMALL_WITH_SUBTEXT: "list-item-small-with-subtext";
+    readonly TEXT: "text";
+    readonly LABEL: "label";
+    readonly ICON_LARGE: "icon-large";
+    readonly ICON_MEDIUM: "icon-medium";
+    readonly ICON_SMALL: "icon-small";
+    readonly BUTTON_LARGE: "button-large";
+    readonly BUTTON_MEDIUM: "button-medium";
+    readonly BUTTON_SMALL: "button-small";
+    readonly BUTTON_XSMALL: "button-xsmall";
+    readonly CARD: "card";
+    readonly INPUT_WITH_LABEL: "input-with-label";
+};
+export declare const kdsLoadingSkeletonVariants: ("label" | "text" | "icon-large" | "icon-medium" | "icon-small" | "button-large" | "button-medium" | "button-small" | "button-xsmall" | "card" | "input-with-label" | "headline-with-paragraph" | "list-item-large" | "list-item-large-with-subtext" | "list-item-small" | "list-item-small-with-subtext")[];
+//# sourceMappingURL=enums.d.ts.map

package/dist/src/layouts/LoadingSkeleton/enums.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"enums.d.ts","sourceRoot":"","sources":["../../../../src/layouts/LoadingSkeleton/enums.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,wBAAwB;;;;;;;;;;;;CAY3B,CAAC;AAEX,eAAO,MAAM,yBAAyB;;;;;;;;;;;;;;;;;CAO5B,CAAC;AAEX,eAAO,MAAM,0BAA0B,8SAEtC,CAAC"}

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

@@ -0,0 +1,4 @@
+export { default as KdsLoadingSkeleton } from './KdsLoadingSkeleton.vue';
+export { kdsLoadingSkeletonVariant, kdsLoadingSkeletonVariants } from './enums';
+export type { KdsLoadingSkeletonProps, KdsLoadingSkeletonVariant, } from './types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/layouts/LoadingSkeleton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AACzE,OAAO,EAAE,yBAAyB,EAAE,0BAA0B,EAAE,MAAM,SAAS,CAAC;AAChF,YAAY,EACV,uBAAuB,EACvB,yBAAyB,GAC1B,MAAM,SAAS,CAAC"}

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

@@ -0,0 +1,18 @@
+import { kdsLoadingSkeletonVariant, loadingSkeletonItemShape } from './enums';
+export type KdsLoadingSkeletonVariant = (typeof kdsLoadingSkeletonVariant)[keyof typeof kdsLoadingSkeletonVariant];
+export type LoadingSkeletonItemShape = (typeof loadingSkeletonItemShape)[keyof typeof loadingSkeletonItemShape];
+export type LoadingSkeletonItemProps = {
+    /** Selects the rendered skeleton shape */
+    shape?: LoadingSkeletonItemShape;
+};
+export type KdsLoadingSkeletonProps = {
+    /** Selects the rendered skeleton shapes/combined layout. */
+    variant?: KdsLoadingSkeletonVariant;
+    /** Whether to render skeletons (true) or slot content (false). */
+    loading?: boolean;
+    /** Number of skeletons to render. Defaults to 1. */
+    repeat?: number;
+    /** Gap between repeated skeletons as CSS token variable. Defaults to `var(--kds-spacing-container-1x)`. */
+    repeatGap?: `var(--${string})`;
+};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/layouts/LoadingSkeleton/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,yBAAyB,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAC;AAE9E,MAAM,MAAM,yBAAyB,GACnC,CAAC,OAAO,yBAAyB,CAAC,CAAC,MAAM,OAAO,yBAAyB,CAAC,CAAC;AAE7E,MAAM,MAAM,wBAAwB,GAClC,CAAC,OAAO,wBAAwB,CAAC,CAAC,MAAM,OAAO,wBAAwB,CAAC,CAAC;AAE3E,MAAM,MAAM,wBAAwB,GAAG;IACrC,0CAA0C;IAC1C,KAAK,CAAC,EAAE,wBAAwB,CAAC;CAClC,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG;IACpC,4DAA4D;IAC5D,OAAO,CAAC,EAAE,yBAAyB,CAAC;IAEpC,kEAAkE;IAClE,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,oDAAoD;IACpD,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,2GAA2G;IAC3G,SAAS,CAAC,EAAE,SAAS,MAAM,GAAG,CAAC;CAChC,CAAC"}

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

@@ -4,4 +4,6 @@ export * from './KdsCardClickable';
 export type * from './KdsCardClickable';
 export * from './TabBar';
 export type * from './TabBar';
+export * from './LoadingSkeleton';
+export type * from './LoadingSkeleton';
 //# 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"}
+{"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"}

package/dist/src/overlays/Popover/KdsPopover.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"KdsPopover.vue.d.ts","sourceRoot":"","sources":["../../../../src/overlays/Popover/KdsPopover.vue"],"names":[],"mappings":"AA6JA,OAAO,KAAK,EAAoB,eAAe,EAAE,MAAM,SAAS,CAAC;AAEjE,KAAK,WAAW,GAAG,eAAe,CAAC;AAqCnC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAmDT,OAAO,IAA6B;;yBAXrB,GAAG;;;;;;EAgB/B;AAYD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;kBAUnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"KdsPopover.vue.d.ts","sourceRoot":"","sources":["../../../../src/overlays/Popover/KdsPopover.vue"],"names":[],"mappings":"AA8JA,OAAO,KAAK,EAAoB,eAAe,EAAE,MAAM,SAAS,CAAC;AAEjE,KAAK,WAAW,GAAG,eAAe,CAAC;AAsCnC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAmDT,OAAO,IAA6B;;yBAXrB,GAAG;;;;;;EAgB/B;AAYD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;kBAUnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/src/overlays/Popover/types.d.ts

@@ -29,6 +29,11 @@ export type KdsPopoverProps = {
      * When true, enforces the popover's minimum width to match the anchor element's width.
      */
     fullWidth?: boolean;
+    /**
+     * Maximum inline size as a CSS value. The container cannot grow above this value.
+     * When not set, there is no upper limit.
+     */
+    maxInlineSize?: string;
     /**
      * Optional content rendered when no default slot is provided.
      */

package/dist/src/overlays/Popover/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/overlays/Popover/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAE9E,MAAM,MAAM,mBAAmB,GAC7B,CAAC,OAAO,mBAAmB,CAAC,CAAC,MAAM,OAAO,mBAAmB,CAAC,CAAC;AAEjE,MAAM,MAAM,cAAc,GACxB,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,OAAO,cAAc,CAAC,CAAC;AAEvD,MAAM,MAAM,cAAc,GACxB,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,OAAO,cAAc,CAAC,CAAC;AAEvD,MAAM,MAAM,eAAe,GAAG;IAC5B;;;;;;;;OAQG;IACH,SAAS,CAAC,EAAE,mBAAmB,CAAC;IAEhC;;;;OAIG;IACH,IAAI,CAAC,EAAE,cAAc,CAAC;IAEtB;;;;OAIG;IACH,WAAW,CAAC,EAAE,cAAc,CAAC;IAE7B;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;;OAGG;IACH,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAEpC;;OAEG;IACH,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/overlays/Popover/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAE9E,MAAM,MAAM,mBAAmB,GAC7B,CAAC,OAAO,mBAAmB,CAAC,CAAC,MAAM,OAAO,mBAAmB,CAAC,CAAC;AAEjE,MAAM,MAAM,cAAc,GACxB,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,OAAO,cAAc,CAAC,CAAC;AAEvD,MAAM,MAAM,cAAc,GACxB,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,OAAO,cAAc,CAAC,CAAC;AAEvD,MAAM,MAAM,eAAe,GAAG;IAC5B;;;;;;;;OAQG;IACH,SAAS,CAAC,EAAE,mBAAmB,CAAC;IAEhC;;;;OAIG;IACH,IAAI,CAAC,EAAE,cAAc,CAAC;IAEtB;;;;OAIG;IACH,WAAW,CAAC,EAAE,cAAc,CAAC;IAE7B;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;;OAGG;IACH,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAEpC;;OAEG;IACH,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@knime/kds-components",
-  "version": "0.21.0",
+  "version": "0.22.1",
   "description": "Package containing basic Vue components of the KNIME Design System",
   "repository": {
     "type": "git",
@@ -37,17 +37,17 @@
     "@knime/utils": "^1.9.2",
     "consola": "^3.4.2",
     "pretty-bytes": "^7.1.0",
-    "@knime/kds-styles": "^0.21.0"
+    "@knime/kds-styles": "^0.22.1"
   },
   "devDependencies": {
-    "@storybook/vue3-vite": "^10.3.1",
+    "@storybook/vue3-vite": "^10.3.3",
     "@vitejs/plugin-vue": "^6.0.4",
     "@vue/test-utils": "^2.4.6",
     "@vue/tsconfig": "^0.9.1",
     "@vueuse/core": "^14.2.1",
     "prettier": "3.8.1",
     "prettier-plugin-vue": "^1.1.6",
-    "storybook": "^10.3.1",
+    "storybook": "^10.3.3",
     "ts-morph": "^27.0.2",
     "vite": "^7.1.11",
     "vite-plugin-dts": "^4.5.4",