@hantera/design-system 20250514.0.0-develop.1 → 20250602.0.0-develop.1

package/dist/entry.d.ts

@@ -17,6 +17,7 @@ import { nextTick } from 'vue';
 import { OnCleanup } from '@vue/reactivity';
 import { Plugin as Plugin_2 } from 'vue';
 import { PublicProps } from 'vue';
+import { Ref } from 'vue';
 import { ShallowUnwrapRef } from 'vue';
 import { Slot } from 'vue';
 import { VNodeProps } from 'vue';
@@ -24,20 +25,14 @@ import { WatchOptions } from 'vue';
 import { WatchStopHandle } from 'vue';
 
 declare const __VLS_component: DefineComponent<    {
-label: string;
-onClick?: any;
+label?: string;
 disabled?: boolean;
-primary?: boolean;
-}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
-click: () => any;
-}, string, PublicProps, Readonly<{
-label: string;
-onClick?: any;
+buttonStyle?: "primary" | "warning" | "danger" | "silent";
+}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{
+label?: string;
 disabled?: boolean;
-primary?: boolean;
-}> & Readonly<{
-onClick?: (() => any) | undefined;
-}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+buttonStyle?: "primary" | "warning" | "danger" | "silent";
+}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
 declare const __VLS_component_10: DefineComponent<    {
 loading: boolean;
@@ -46,17 +41,42 @@ loading: boolean;
 }> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
 declare const __VLS_component_11: DefineComponent<    {
+selectedValues: string[];
+availableSets: DataColumnValuesEnumSet[];
+onAdd?: any;
+onRemove?: any;
+}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+add: (value: DataColumnValuesEnumValue) => any;
+remove: (value: DataColumnValuesEnumValue) => any;
+}, string, PublicProps, Readonly<{
+selectedValues: string[];
+availableSets: DataColumnValuesEnumSet[];
+onAdd?: any;
+onRemove?: any;
+}> & Readonly<{
+onAdd?: ((value: DataColumnValuesEnumValue) => any) | undefined;
+onRemove?: ((value: DataColumnValuesEnumValue) => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+
+declare const __VLS_component_12: DefineComponent<    {
 cacheKey: string;
 }, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{
 cacheKey: string;
 }> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-declare const __VLS_component_12: DefineComponent<    {
+declare const __VLS_component_13: DefineComponent<    {
+provider: InspectorProvider;
+}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{
+provider: InspectorProvider;
+}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+
+declare const __VLS_component_14: DefineComponent<    {
 type: string;
 data: any;
 metadata?: Record<string, any>;
 handleSelector?: string;
 allowDrag: boolean;
+mode?: "hit" | "closest";
 }, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
 dropped: (zone: DropZoneRef) => any;
 }, string, PublicProps, Readonly<{
@@ -65,15 +85,17 @@ data: any;
 metadata?: Record<string, any>;
 handleSelector?: string;
 allowDrag: boolean;
+mode?: "hit" | "closest";
 }> & Readonly<{
 onDropped?: ((zone: DropZoneRef) => any) | undefined;
 }>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-declare const __VLS_component_13: DefineComponent<    {
+declare const __VLS_component_15: DefineComponent<    {
 type: string;
 data: any;
 metadata?: Record<string, any>;
 handleSelector?: string;
+mode?: "hit" | "closest";
 }, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
 dropped: (zone: DropZoneRef) => any;
 dropBefore: (payload: DragPayload) => any;
@@ -83,13 +105,14 @@ type: string;
 data: any;
 metadata?: Record<string, any>;
 handleSelector?: string;
+mode?: "hit" | "closest";
 }> & Readonly<{
 onDropped?: ((zone: DropZoneRef) => any) | undefined;
 onDropBefore?: ((payload: DragPayload) => any) | undefined;
 onDropAfter?: ((payload: DragPayload) => any) | undefined;
 }>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-declare const __VLS_component_14: DefineComponent<    {
+declare const __VLS_component_16: DefineComponent<    {
 accepts: string | string[];
 metadata?: Record<string, any>;
 }, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
@@ -101,21 +124,23 @@ metadata?: Record<string, any>;
 onDrop?: ((payload: DragPayload) => any) | undefined;
 }>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-declare const __VLS_component_15: DefineComponent<    {
+declare const __VLS_component_17: DefineComponent<    {
 target?: DropDownTarget | null;
 }, {
-open: typeof open_4;
+open: typeof open_3;
 close: typeof close_3;
 isOpen: typeof isOpen;
 }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
 close: () => any;
+open: () => any;
 }, string, PublicProps, Readonly<{
 target?: DropDownTarget | null;
 }> & Readonly<{
 onClose?: (() => any) | undefined;
+onOpen?: (() => any) | undefined;
 }>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-declare const __VLS_component_16: DefineComponent<    {
+declare const __VLS_component_18: DefineComponent<    {
 disabled?: boolean;
 title?: string;
 onClick?: any;
@@ -129,7 +154,7 @@ onClick?: any;
 onClick?: ((preventClose: () => void) => any) | undefined;
 }>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-declare const __VLS_component_17: DefineComponent<    {
+declare const __VLS_component_19: DefineComponent<    {
 selected: boolean;
 closeOnClick?: boolean;
 }, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
@@ -141,13 +166,21 @@ closeOnClick?: boolean;
 onClick?: (() => any) | undefined;
 }>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-declare const __VLS_component_18: DefineComponent<    {
+declare const __VLS_component_2: DefineComponent<    {
+to: string;
+label?: string;
+}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{
+to: string;
+label?: string;
+}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+
+declare const __VLS_component_20: DefineComponent<    {
 title?: string;
 }, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{
 title?: string;
 }> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-declare const __VLS_component_19: DefineComponent<    {
+declare const __VLS_component_21: DefineComponent<    {
 modelValue: string | number;
 }, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
 "update:modelValue": (value: string | number) => any;
@@ -157,15 +190,7 @@ modelValue: string | number;
 "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
 }>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-declare const __VLS_component_2: DefineComponent<    {
-to: string;
-label?: string;
-}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{
-to: string;
-label?: string;
-}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
-
-declare const __VLS_component_20: DefineComponent<    {
+declare const __VLS_component_22: DefineComponent<    {
 label?: string;
 count?: number;
 value: string | number;
@@ -213,9 +238,7 @@ label?: string;
 contentClass?: string | Record<string, any> | Array<string>;
 }> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-declare const __VLS_component_6: DefineComponent<    {}, {
-open: typeof open_3;
-}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+declare const __VLS_component_6: DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 
 declare const __VLS_component_7: DefineComponent<    {
 label?: string;
@@ -262,6 +285,8 @@ declare type __VLS_PublicProps_2 = {
 
 declare function __VLS_template(): {
     slots: {
+        label?(_: {}): any;
+        icon?(_: {}): any;
         default?(_: {}): any;
     };
     refs: {
@@ -272,6 +297,7 @@ declare function __VLS_template(): {
             $props: {
                 readonly target?: (DropDownTarget | null) | undefined;
                 readonly onClose?: (() => any) | undefined;
+                readonly onOpen?: (() => any) | undefined;
             } & VNodeProps & AllowedComponentProps & ComponentCustomProps;
             $attrs: {
                 [x: string]: unknown;
@@ -285,18 +311,20 @@ declare function __VLS_template(): {
             $root: ComponentPublicInstance | null;
             $parent: ComponentPublicInstance | null;
             $host: Element | null;
-            $emit: (event: "close") => void;
+            $emit: ((event: "close") => void) & ((event: "open") => void);
             $el: any;
             $options: ComponentOptionsBase<Readonly<{
             target?: DropDownTarget | null;
             }> & Readonly<{
             onClose?: (() => any) | undefined;
+            onOpen?: (() => any) | undefined;
             }>, {
             open: () => void;
             close: () => void;
             isOpen: () => boolean;
             }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
             close: () => any;
+            open: () => any;
             }, string, {}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & {
                 beforeCreate?: (() => void) | (() => void)[];
                 created?: (() => void) | (() => void)[];
@@ -321,6 +349,7 @@ declare function __VLS_template(): {
             target?: DropDownTarget | null;
         }> & Readonly<{
             onClose?: (() => any) | undefined;
+            onOpen?: (() => any) | undefined;
         }>, "close" | "open" | "isOpen"> & ShallowUnwrapRef<    {
         open: () => void;
         close: () => void;
@@ -344,29 +373,98 @@ declare function __VLS_template_10(): {
 
 declare function __VLS_template_11(): {
     slots: {
-        sidebar?(_: {}): any;
-        content?(_: {}): any;
+        dropdown?(_: {}): any;
+    };
+    refs: {
+        addButton: HTMLButtonElement;
+        addDropdown: ({
+            $: ComponentInternalInstance;
+            $data: {};
+            $props: {
+                readonly target?: (DropDownTarget | null) | undefined;
+                readonly onClose?: (() => any) | undefined;
+                readonly onOpen?: (() => any) | undefined;
+            } & VNodeProps & AllowedComponentProps & ComponentCustomProps;
+            $attrs: {
+                [x: string]: unknown;
+            };
+            $refs: {
+                [x: string]: unknown;
+            };
+            $slots: Readonly<{
+                [name: string]: Slot<any> | undefined;
+            }>;
+            $root: ComponentPublicInstance | null;
+            $parent: ComponentPublicInstance | null;
+            $host: Element | null;
+            $emit: ((event: "close") => void) & ((event: "open") => void);
+            $el: any;
+            $options: ComponentOptionsBase<Readonly<{
+            target?: DropDownTarget | null;
+            }> & Readonly<{
+            onClose?: (() => any) | undefined;
+            onOpen?: (() => any) | undefined;
+            }>, {
+            open: () => void;
+            close: () => void;
+            isOpen: () => boolean;
+            }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+            close: () => any;
+            open: () => any;
+            }, string, {}, {}, string, {}, GlobalComponents, GlobalDirectives, string, 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: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[];
+                renderTriggered?: ((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[];
+                errorCaptured?: ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void)[];
+            };
+            $forceUpdate: () => void;
+            $nextTick: nextTick;
+            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, OnCleanup]) => any : (...args: [any, any, OnCleanup]) => any, options?: WatchOptions): WatchStopHandle;
+        } & Readonly<{}> & Omit<Readonly<{
+            target?: DropDownTarget | null;
+        }> & Readonly<{
+            onClose?: (() => any) | undefined;
+            onOpen?: (() => any) | undefined;
+        }>, "close" | "open" | "isOpen"> & ShallowUnwrapRef<    {
+        open: () => void;
+        close: () => void;
+        isOpen: () => boolean;
+        }> & {} & ComponentCustomProperties & {} & {
+            $slots: {
+                default?(_: {}): any;
+            };
+        }) | null;
     };
-    refs: {};
     attrs: Partial<{}>;
 };
 
 declare function __VLS_template_12(): {
     slots: {
-        default?(_: {}): any;
-    };
-    refs: {
-        draggable: HTMLDivElement;
+        sidebar?(_: {}): any;
+        content?(_: {}): any;
     };
+    refs: {};
     attrs: Partial<{}>;
 };
 
 declare function __VLS_template_13(): {
     slots: {
-        default?(_: {}): any;
+        header?(_: {}): any;
     };
     refs: {
-        draggable: HTMLDivElement;
+        layoutElem: HTMLDivElement;
+        sidebarElem: HTMLDivElement;
     };
     attrs: Partial<{}>;
 };
@@ -376,7 +474,7 @@ declare function __VLS_template_14(): {
         default?(_: {}): any;
     };
     refs: {
-        element: HTMLDivElement;
+        draggable: HTMLDivElement;
     };
     attrs: Partial<{}>;
 };
@@ -386,7 +484,7 @@ declare function __VLS_template_15(): {
         default?(_: {}): any;
     };
     refs: {
-        dropdown: HTMLDialogElement;
+        draggable: HTMLDivElement;
     };
     attrs: Partial<{}>;
 };
@@ -395,7 +493,9 @@ declare function __VLS_template_16(): {
     slots: {
         default?(_: {}): any;
     };
-    refs: {};
+    refs: {
+        element: HTMLDivElement;
+    };
     attrs: Partial<{}>;
 };
 
@@ -403,7 +503,9 @@ declare function __VLS_template_17(): {
     slots: {
         default?(_: {}): any;
     };
-    refs: {};
+    refs: {
+        dropdown: HTMLDialogElement;
+    };
     attrs: Partial<{}>;
 };
 
@@ -417,9 +519,7 @@ declare function __VLS_template_18(): {
 
 declare function __VLS_template_19(): {
     slots: {
-        actions?(_: {}): any;
         default?(_: {}): any;
-        filler?(_: {}): any;
     };
     refs: {};
     attrs: Partial<{}>;
@@ -437,6 +537,24 @@ declare function __VLS_template_2(): {
 };
 
 declare function __VLS_template_20(): {
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    attrs: Partial<{}>;
+};
+
+declare function __VLS_template_21(): {
+    slots: {
+        actions?(_: {}): any;
+        default?(_: {}): any;
+        filler?(_: {}): any;
+    };
+    refs: {};
+    attrs: Partial<{}>;
+};
+
+declare function __VLS_template_22(): {
     slots: {
         content?(_: {}): any;
         default?(_: {}): any;
@@ -448,6 +566,7 @@ declare function __VLS_template_20(): {
             $props: {
                 readonly target?: (DropDownTarget | null) | undefined;
                 readonly onClose?: (() => any) | undefined;
+                readonly onOpen?: (() => any) | undefined;
             } & VNodeProps & AllowedComponentProps & ComponentCustomProps;
             $attrs: {
                 [x: string]: unknown;
@@ -461,18 +580,20 @@ declare function __VLS_template_20(): {
             $root: ComponentPublicInstance | null;
             $parent: ComponentPublicInstance | null;
             $host: Element | null;
-            $emit: (event: "close") => void;
+            $emit: ((event: "close") => void) & ((event: "open") => void);
             $el: any;
             $options: ComponentOptionsBase<Readonly<{
             target?: DropDownTarget | null;
             }> & Readonly<{
             onClose?: (() => any) | undefined;
+            onOpen?: (() => any) | undefined;
             }>, {
             open: () => void;
             close: () => void;
             isOpen: () => boolean;
             }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
             close: () => any;
+            open: () => any;
             }, string, {}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & {
                 beforeCreate?: (() => void) | (() => void)[];
                 created?: (() => void) | (() => void)[];
@@ -497,6 +618,7 @@ declare function __VLS_template_20(): {
             target?: DropDownTarget | null;
         }> & Readonly<{
             onClose?: (() => any) | undefined;
+            onOpen?: (() => any) | undefined;
         }>, "close" | "open" | "isOpen"> & ShallowUnwrapRef<    {
         open: () => void;
         close: () => void;
@@ -540,73 +662,7 @@ declare function __VLS_template_6(): {
     slots: {
         default?(_: {}): any;
     };
-    refs: {
-        button: HTMLDivElement;
-        dropdown: ({
-            $: ComponentInternalInstance;
-            $data: {};
-            $props: {
-                readonly target?: (DropDownTarget | null) | undefined;
-                readonly onClose?: (() => any) | undefined;
-            } & VNodeProps & AllowedComponentProps & ComponentCustomProps;
-            $attrs: {
-                [x: string]: unknown;
-            };
-            $refs: {
-                [x: string]: unknown;
-            };
-            $slots: Readonly<{
-                [name: string]: Slot<any> | undefined;
-            }>;
-            $root: ComponentPublicInstance | null;
-            $parent: ComponentPublicInstance | null;
-            $host: Element | null;
-            $emit: (event: "close") => void;
-            $el: any;
-            $options: ComponentOptionsBase<Readonly<{
-            target?: DropDownTarget | null;
-            }> & Readonly<{
-            onClose?: (() => any) | undefined;
-            }>, {
-            open: () => void;
-            close: () => void;
-            isOpen: () => boolean;
-            }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
-            close: () => any;
-            }, string, {}, {}, string, {}, GlobalComponents, GlobalDirectives, string, 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: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[];
-                renderTriggered?: ((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[];
-                errorCaptured?: ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void)[];
-            };
-            $forceUpdate: () => void;
-            $nextTick: nextTick;
-            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, OnCleanup]) => any : (...args: [any, any, OnCleanup]) => any, options?: WatchOptions): WatchStopHandle;
-        } & Readonly<{}> & Omit<Readonly<{
-            target?: DropDownTarget | null;
-        }> & Readonly<{
-            onClose?: (() => any) | undefined;
-        }>, "close" | "open" | "isOpen"> & ShallowUnwrapRef<    {
-        open: () => void;
-        close: () => void;
-        isOpen: () => boolean;
-        }> & {} & ComponentCustomProperties & {} & {
-            $slots: {
-                default?(_: {}): any;
-            };
-        }) | null;
-    };
+    refs: {};
     attrs: Partial<{}>;
 };
 
@@ -663,6 +719,10 @@ declare type __VLS_TemplateResult_2 = ReturnType<typeof __VLS_template_2>;
 
 declare type __VLS_TemplateResult_20 = ReturnType<typeof __VLS_template_20>;
 
+declare type __VLS_TemplateResult_21 = ReturnType<typeof __VLS_template_21>;
+
+declare type __VLS_TemplateResult_22 = ReturnType<typeof __VLS_template_22>;
+
 declare type __VLS_TemplateResult_3 = ReturnType<typeof __VLS_template_3>;
 
 declare type __VLS_TemplateResult_4 = ReturnType<typeof __VLS_template_4>;
@@ -771,6 +831,18 @@ declare type __VLS_WithTemplateSlots_20<T, S> = T & {
     };
 };
 
+declare type __VLS_WithTemplateSlots_21<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
+declare type __VLS_WithTemplateSlots_22<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
 declare type __VLS_WithTemplateSlots_3<T, S> = T & {
     new (): {
         $slots: S;
@@ -839,7 +911,153 @@ export declare interface ContextMenuSection extends Array<ContextMenuItem> {
     key?: string;
 }
 
-export declare interface ContextMenuSections extends Array<ContextMenuSection> {
+export declare type ContextMenuSections = ContextMenuSection[];
+
+export declare interface DataColumn {
+    key: string;
+    /**
+     * The index of this column's value in the DataRow.values
+     */
+    valueIdx: number;
+    label: string;
+    canFilter?: boolean;
+    canSort?: boolean;
+    /**
+     * Whether this column is used to sort the records
+     */
+    sort?: 'asc' | 'desc';
+    size?: number;
+    filters?: DataColumnFilter[];
+    /**
+     * Defines the type of values. Determines rendering and which filters are available.
+     * @default { type: 'text' }
+     */
+    values?: DataColumnValues;
+}
+
+export declare type DataColumnFilter = DataColumnFilterValue | DataColumnFilterRange;
+
+export declare interface DataColumnFilterRange {
+    from: any;
+    to: any;
+}
+
+export declare interface DataColumnFilterValue {
+    type: 'all' | 'any' | 'not';
+    value: any;
+}
+
+export declare interface DataColumnOption {
+    /**
+     * The key of the column. Used to track if this option is selected, so it must match the key in DataProvider.columns
+     */
+    key: string;
+    label: string;
+}
+
+export declare interface DataColumnOptionSet {
+    setLabel: string;
+    columns: DataColumnOption[];
+}
+
+export declare type DataColumnValues = DataColumnValuesText | DataColumnValuesEnum | DataColumnValuesNumber | DataColumnValuesBoolean | DataColumnValuesDateTime;
+
+export declare interface DataColumnValuesBoolean {
+    type: 'boolean';
+}
+
+export declare interface DataColumnValuesDateTime {
+    type: 'dateTime';
+    min?: Date;
+    max?: Date;
+}
+
+export declare interface DataColumnValuesEnum {
+    type: 'enum';
+    isArray: boolean;
+    enums: DataColumnValuesEnumSet[];
+}
+
+export declare interface DataColumnValuesEnumSet {
+    label?: string;
+    values: DataColumnValuesEnumValue[];
+}
+
+export declare interface DataColumnValuesEnumValue {
+    key: string;
+    label?: string;
+    hue?: number;
+}
+
+export declare interface DataColumnValuesNumber {
+    type: 'number';
+    min?: default_2 | number;
+    max?: default_2 | number;
+}
+
+export declare interface DataColumnValuesText {
+    type: 'text';
+    isArray: boolean;
+}
+
+export declare interface DataError {
+    code: string;
+    message: string;
+}
+
+export declare interface DataProvider {
+    refresh(): Promise<void>;
+    loadMore(): Promise<void>;
+    errors?: ComputedRef<DataError[] | undefined>;
+    setSort?: (column: DataColumn, direction?: 'asc' | 'desc') => void;
+    setFilters?: (column: DataColumn, filters?: DataColumnFilter[]) => void;
+    /**
+     * If implemented, allows users to configure columns of the table. When a user chose a new column,
+     * addColumn() is called.
+     */
+    columnOptions?: ComputedRef<DataColumnOptionSet[]>;
+    addColumn?: (columnOption: DataColumnOption) => void;
+    removeColumn?: (columnOption: DataColumnOption) => void;
+    setColumnOrder?: (column: DataColumn, newIndex: number) => void;
+    setColumnSize?: (columnKey: string, size?: number) => void;
+    allLoaded: ComputedRef<boolean>;
+    rows: ComputedRef<DataRow[]>;
+    columns: ComputedRef<DataColumn[]>;
+    totalCount?: ComputedRef<{
+        count: number;
+        /**
+         * If the totalCount is capped, a '+' will be rendered after the value
+         */
+        cap?: number;
+    } | undefined>;
+}
+
+export declare interface DataRow {
+    key: string;
+    values: any[];
+}
+
+export declare const DataTable: DefineComponent<    {
+provider: DataProvider;
+contextMenuProvider?: DataTableContextMenuProvider;
+selected?: Set<string>;
+}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+"update:selected": (val: Set<string>) => any;
+defaultAction: () => any;
+}, string, PublicProps, Readonly<{
+provider: DataProvider;
+contextMenuProvider?: DataTableContextMenuProvider;
+selected?: Set<string>;
+}> & Readonly<{
+"onUpdate:selected"?: ((val: Set<string>) => any) | undefined;
+onDefaultAction?: (() => any) | undefined;
+}>, {
+selected: Set<string>;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+
+export declare interface DataTableContextMenuProvider {
+    forHeader(column: DataColumn): ContextMenuSections;
+    forRow(row: DataRow): ContextMenuSections;
 }
 
 export declare const DatePicker: DefineComponent<__VLS_PublicProps_2, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
@@ -906,12 +1124,20 @@ export declare interface DecimalInputValue {
 declare const _default: Plugin_2<[]>;
 export default _default;
 
-export declare const Draggable: __VLS_WithTemplateSlots_12<typeof __VLS_component_12, __VLS_TemplateResult_12["slots"]>;
+export declare const Draggable: __VLS_WithTemplateSlots_14<typeof __VLS_component_14, __VLS_TemplateResult_14["slots"]>;
 
-export declare const DraggableListItem: __VLS_WithTemplateSlots_13<typeof __VLS_component_13, __VLS_TemplateResult_13["slots"]>;
+export declare const DraggableListItem: __VLS_WithTemplateSlots_15<typeof __VLS_component_15, __VLS_TemplateResult_15["slots"]>;
 
 export declare interface DragPayload {
     type: string;
+    /**
+     * 'hit' requires the pointer to enter a drop zone
+     *
+     * 'closest' selects the closest compatible drop zone
+     *
+     * Default value is 'hit'
+     */
+    mode?: 'hit' | 'closest';
     data: any;
     sourceElement?: HTMLElement | null;
     metadata?: Record<string, any>;
@@ -920,15 +1146,15 @@ export declare interface DragPayload {
 
 export declare const DropdownButton: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 
-export declare const DropdownCheckbox: __VLS_WithTemplateSlots_17<typeof __VLS_component_17, __VLS_TemplateResult_17["slots"]>;
+export declare const DropdownCheckbox: __VLS_WithTemplateSlots_19<typeof __VLS_component_19, __VLS_TemplateResult_19["slots"]>;
 
 export declare const DropdownDivider: DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 
-export declare const DropdownGroup: __VLS_WithTemplateSlots_18<typeof __VLS_component_18, __VLS_TemplateResult_18["slots"]>;
+export declare const DropdownGroup: __VLS_WithTemplateSlots_20<typeof __VLS_component_20, __VLS_TemplateResult_20["slots"]>;
 
-export declare const DropdownItem: __VLS_WithTemplateSlots_16<typeof __VLS_component_16, __VLS_TemplateResult_16["slots"]>;
+export declare const DropdownItem: __VLS_WithTemplateSlots_18<typeof __VLS_component_18, __VLS_TemplateResult_18["slots"]>;
 
-export declare const DropdownMenu: __VLS_WithTemplateSlots_15<typeof __VLS_component_15, __VLS_TemplateResult_15["slots"]>;
+export declare const DropdownMenu: __VLS_WithTemplateSlots_17<typeof __VLS_component_17, __VLS_TemplateResult_17["slots"]>;
 
 export declare type DropDownTarget = Element | DropDownTargetPoint;
 
@@ -937,7 +1163,7 @@ export declare interface DropDownTargetPoint {
     y: number;
 }
 
-export declare const DropZone: __VLS_WithTemplateSlots_14<typeof __VLS_component_14, __VLS_TemplateResult_14["slots"]>;
+export declare const DropZone: __VLS_WithTemplateSlots_16<typeof __VLS_component_16, __VLS_TemplateResult_16["slots"]>;
 
 export declare interface DropZoneRef {
     accepts: string | string[];
@@ -946,6 +1172,8 @@ export declare interface DropZoneRef {
     onDrop?: (payload: DragPayload) => void;
 }
 
+export declare const EnumsBar: __VLS_WithTemplateSlots_11<typeof __VLS_component_11, __VLS_TemplateResult_11["slots"]>;
+
 export declare const Expandable: __VLS_WithTemplateSlots_7<typeof __VLS_component_7, __VLS_TemplateResult_7["slots"]>;
 
 export declare const ExternalLink: __VLS_WithTemplateSlots_9<typeof __VLS_component_9, __VLS_TemplateResult_9["slots"]>;
@@ -962,6 +1190,10 @@ declare function focus_5(): void;
 
 export declare const IconArrow: DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 
+export declare const IconArrows: DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+
+export declare const IconChevron: DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+
 export declare const IconClose: DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 
 export declare const IconFilter: DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
@@ -1010,6 +1242,50 @@ onFocus?: ((value: Event) => any) | undefined;
 "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
+export declare const InspectorLayout: __VLS_WithTemplateSlots_13<typeof __VLS_component_13, __VLS_TemplateResult_13["slots"]>;
+
+/**
+ * Defines the provider that provides InspectorLayout with content to render
+ */
+export declare interface InspectorProvider {
+    /**
+     * If set, a state indicator is displayed in the header
+     */
+    state?: {
+        label: string;
+        hue?: number;
+    };
+    /**
+     * If set, adds the title to the header
+     */
+    title?: string;
+    /**
+     * If set, adds the labels to the header
+     */
+    labels?: (string | {
+        label: string;
+        tooltip?: string;
+    })[];
+    /**
+     * An HTML tag name, a Component name or Component class reference to render as summary.
+     */
+    summary: string | object;
+    /**
+     * The currently selected tab. 0 means select first tab which is summary
+     * or first tab depending on viewport size.
+     */
+    selectedTab: Ref<string | number>;
+    tabs: {
+        key: string;
+        label: string;
+        count?: number;
+        /**
+         * An HTML tag name, a Component name or Component class reference to render as tab's content.
+         */
+        component: string | object;
+    }[];
+}
+
 declare function isOpen(): boolean;
 
 export declare const ListLink: __VLS_WithTemplateSlots_2<typeof __VLS_component_2, __VLS_TemplateResult_2["slots"]>;
@@ -1020,8 +1296,6 @@ declare function open_2(): void;
 
 declare function open_3(): void;
 
-declare function open_4(): void;
-
 declare function openModal(): void;
 
 export declare const Panel: __VLS_WithTemplateSlots_3<typeof __VLS_component_3, __VLS_TemplateResult_3["slots"]>;
@@ -1111,13 +1385,13 @@ declare function setError_3(message?: string): void;
  */
 declare function setError_4(message?: string): void;
 
-export declare const SidebarLayout: __VLS_WithTemplateSlots_11<typeof __VLS_component_11, __VLS_TemplateResult_11["slots"]>;
+export declare const SidebarLayout: __VLS_WithTemplateSlots_12<typeof __VLS_component_12, __VLS_TemplateResult_12["slots"]>;
 
 export declare const Spinner: DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 
-export declare const TabBar: __VLS_WithTemplateSlots_19<typeof __VLS_component_19, __VLS_TemplateResult_19["slots"]>;
+export declare const TabBar: __VLS_WithTemplateSlots_21<typeof __VLS_component_21, __VLS_TemplateResult_21["slots"]>;
 
-export declare const TabItem: __VLS_WithTemplateSlots_20<typeof __VLS_component_20, __VLS_TemplateResult_20["slots"]>;
+export declare const TabItem: __VLS_WithTemplateSlots_22<typeof __VLS_component_22, __VLS_TemplateResult_22["slots"]>;
 
 export declare const TextInput: DefineComponent<__VLS_PublicProps, {
 setError: typeof setError;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hantera/design-system",
-  "version": "20250514.0.0-develop.1",
+  "version": "20250602.0.0-develop.1",
   "types": "./dist/entry.d.ts",
   "scripts": {
     "build": "cpx ../../design-system/dist/**/*.d.ts ./dist -C"