@hantera/design-system 20250526.0.0-develop.2 → 20250707.0.0-develop.1

package/dist/entry.d.ts

@@ -24,39 +24,74 @@ 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;
+href: string;
 }, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{
-loading: boolean;
+href: string;
 }> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
 declare const __VLS_component_11: DefineComponent<    {
-cacheKey: string;
+loading: boolean;
 }, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{
-cacheKey: string;
+loading: boolean;
 }> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
 declare const __VLS_component_12: 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_13: DefineComponent<    {
+cacheKey?: string;
+}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{
+cacheKey?: string;
+}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+
+declare const __VLS_component_14: DefineComponent<    {
+provider: InspectorProvider;
+}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{
+provider: InspectorProvider;
+}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+
+declare const __VLS_component_15: DefineComponent<    {
+cacheKey?: string;
+provider: DataProvider;
+detailComponent: any;
+}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{
+cacheKey?: string;
+provider: DataProvider;
+detailComponent: any;
+}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+
+declare const __VLS_component_16: 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 +100,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_17: 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 +120,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_18: DefineComponent<    {
 accepts: string | string[];
 metadata?: Record<string, any>;
 }, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
@@ -101,21 +139,31 @@ metadata?: Record<string, any>;
 onDrop?: ((payload: DragPayload) => any) | undefined;
 }>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-declare const __VLS_component_15: DefineComponent<    {
+declare const __VLS_component_19: 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_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<    {
 disabled?: boolean;
 title?: string;
 onClick?: any;
@@ -129,7 +177,7 @@ onClick?: any;
 onClick?: ((preventClose: () => void) => any) | undefined;
 }>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-declare const __VLS_component_17: DefineComponent<    {
+declare const __VLS_component_21: DefineComponent<    {
 selected: boolean;
 closeOnClick?: boolean;
 }, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
@@ -141,13 +189,13 @@ closeOnClick?: boolean;
 onClick?: (() => any) | undefined;
 }>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-declare const __VLS_component_18: DefineComponent<    {
+declare const __VLS_component_22: 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_23: DefineComponent<    {
 modelValue: string | number;
 }, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
 "update:modelValue": (value: string | number) => any;
@@ -157,15 +205,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_24: DefineComponent<    {
 label?: string;
 count?: number;
 value: string | number;
@@ -213,9 +253,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;
@@ -243,25 +281,33 @@ disabled?: boolean;
 "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
 }>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-declare const __VLS_component_9: DefineComponent<    {
-href: string;
-}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{
-href: string;
-}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component_9: DefineComponent<__VLS_PublicProps_2, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+"update:modelValue": (modelValue: any) => any;
+} & {
+"update:modelValue": (value: any) => any;
+}, string, PublicProps, Readonly<__VLS_PublicProps_2> & Readonly<{
+"onUpdate:modelValue"?: ((modelValue: any) => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
 declare type __VLS_PublicProps = {
     modelValue: any;
 } & typeof __VLS_typeProps;
 
 declare type __VLS_PublicProps_2 = {
+    modelValue?: any;
+} & typeof __VLS_typeProps_2;
+
+declare type __VLS_PublicProps_3 = {
     modelValue?: {
         start: Date;
         end: Date;
     } | Date;
-} & typeof __VLS_typeProps_2;
+} & typeof __VLS_typeProps_3;
 
 declare function __VLS_template(): {
     slots: {
+        label?(_: {}): any;
+        icon?(_: {}): any;
         default?(_: {}): any;
     };
     refs: {
@@ -272,6 +318,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 +332,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 +370,7 @@ declare function __VLS_template(): {
             target?: DropDownTarget | null;
         }> & Readonly<{
             onClose?: (() => any) | undefined;
+            onOpen?: (() => any) | undefined;
         }>, "close" | "open" | "isOpen"> & ShallowUnwrapRef<    {
         open: () => void;
         close: () => void;
@@ -343,6 +393,92 @@ declare function __VLS_template_10(): {
 };
 
 declare function __VLS_template_11(): {
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    attrs: Partial<{}>;
+};
+
+declare function __VLS_template_12(): {
+    slots: {
+        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;
+    };
+    attrs: Partial<{}>;
+};
+
+declare function __VLS_template_13(): {
     slots: {
         sidebar?(_: {}): any;
         content?(_: {}): any;
@@ -351,7 +487,29 @@ declare function __VLS_template_11(): {
     attrs: Partial<{}>;
 };
 
-declare function __VLS_template_12(): {
+declare function __VLS_template_14(): {
+    slots: {
+        header?(_: {}): any;
+    };
+    refs: {
+        layoutElem: HTMLDivElement;
+        sidebarElem: HTMLDivElement;
+    };
+    attrs: Partial<{}>;
+};
+
+declare function __VLS_template_15(): {
+    slots: {
+        "list-toolbar"?(_: {}): any;
+        "detail-toolbar"?(_: {}): any;
+    };
+    refs: {
+        containerElem: HTMLDivElement;
+    };
+    attrs: Partial<{}>;
+};
+
+declare function __VLS_template_16(): {
     slots: {
         default?(_: {}): any;
     };
@@ -361,7 +519,7 @@ declare function __VLS_template_12(): {
     attrs: Partial<{}>;
 };
 
-declare function __VLS_template_13(): {
+declare function __VLS_template_17(): {
     slots: {
         default?(_: {}): any;
     };
@@ -371,7 +529,7 @@ declare function __VLS_template_13(): {
     attrs: Partial<{}>;
 };
 
-declare function __VLS_template_14(): {
+declare function __VLS_template_18(): {
     slots: {
         default?(_: {}): any;
     };
@@ -381,7 +539,7 @@ declare function __VLS_template_14(): {
     attrs: Partial<{}>;
 };
 
-declare function __VLS_template_15(): {
+declare function __VLS_template_19(): {
     slots: {
         default?(_: {}): any;
     };
@@ -391,15 +549,18 @@ declare function __VLS_template_15(): {
     attrs: Partial<{}>;
 };
 
-declare function __VLS_template_16(): {
+declare function __VLS_template_2(): {
     slots: {
         default?(_: {}): any;
+        dropdown?(_: {}): any;
+    };
+    refs: {
+        element: HTMLLIElement;
     };
-    refs: {};
     attrs: Partial<{}>;
 };
 
-declare function __VLS_template_17(): {
+declare function __VLS_template_20(): {
     slots: {
         default?(_: {}): any;
     };
@@ -407,7 +568,7 @@ declare function __VLS_template_17(): {
     attrs: Partial<{}>;
 };
 
-declare function __VLS_template_18(): {
+declare function __VLS_template_21(): {
     slots: {
         default?(_: {}): any;
     };
@@ -415,28 +576,25 @@ declare function __VLS_template_18(): {
     attrs: Partial<{}>;
 };
 
-declare function __VLS_template_19(): {
+declare function __VLS_template_22(): {
     slots: {
-        actions?(_: {}): any;
         default?(_: {}): any;
-        filler?(_: {}): any;
     };
     refs: {};
     attrs: Partial<{}>;
 };
 
-declare function __VLS_template_2(): {
+declare function __VLS_template_23(): {
     slots: {
+        actions?(_: {}): any;
         default?(_: {}): any;
-        dropdown?(_: {}): any;
-    };
-    refs: {
-        element: HTMLLIElement;
+        filler?(_: {}): any;
     };
+    refs: {};
     attrs: Partial<{}>;
 };
 
-declare function __VLS_template_20(): {
+declare function __VLS_template_24(): {
     slots: {
         content?(_: {}): any;
         default?(_: {}): any;
@@ -448,6 +606,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 +620,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 +658,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 +702,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 +759,14 @@ 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_23 = ReturnType<typeof __VLS_template_23>;
+
+declare type __VLS_TemplateResult_24 = ReturnType<typeof __VLS_template_24>;
+
 declare type __VLS_TemplateResult_3 = ReturnType<typeof __VLS_template_3>;
 
 declare type __VLS_TemplateResult_4 = ReturnType<typeof __VLS_template_4>;
@@ -686,6 +790,12 @@ declare let __VLS_typeProps: {
 };
 
 declare let __VLS_typeProps_2: {
+    modelValue: any;
+    value: any;
+    disabled?: boolean;
+};
+
+declare let __VLS_typeProps_3: {
     minDate?: Date;
     maxDate?: Date;
     startOfWeek?: number;
@@ -771,6 +881,30 @@ 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_23<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
+declare type __VLS_WithTemplateSlots_24<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
 declare type __VLS_WithTemplateSlots_3<T, S> = T & {
     new (): {
         $slots: S;
@@ -823,6 +957,8 @@ export declare const ContextMenuButton: __VLS_WithTemplateSlots_6<typeof __VLS_c
 
 export declare interface ContextMenuItem {
     label: string;
+    checked?: boolean;
+    icon?: IconName;
     shortcut?: string;
     /**
      * If set to true, the item will only be shown if the shift keys is pressed when the context menu is opened.
@@ -839,17 +975,168 @@ 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 const DatePicker: DefineComponent<__VLS_PublicProps_2, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+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;
+    isLoading: ComputedRef<boolean>;
+    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;
+    /**
+     * If specified, will color the row in the given hue. CSS custom properties can be specified as strings.
+     */
+    hue?: number | 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_3, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 "update:modelValue": (modelValue: Date | {
 start: Date;
 end: Date;
 }) => any;
 } & {
 "update:selectionState": (value: "single" | "start" | "end") => any;
-}, string, PublicProps, Readonly<__VLS_PublicProps_2> & Readonly<{
+}, string, PublicProps, Readonly<__VLS_PublicProps_3> & Readonly<{
 "onUpdate:modelValue"?: ((modelValue: Date | {
 start: Date;
 end: Date;
@@ -906,29 +1193,41 @@ 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_16<typeof __VLS_component_16, __VLS_TemplateResult_16["slots"]>;
 
-export declare const DraggableListItem: __VLS_WithTemplateSlots_13<typeof __VLS_component_13, __VLS_TemplateResult_13["slots"]>;
+export declare const DraggableListItem: __VLS_WithTemplateSlots_17<typeof __VLS_component_17, __VLS_TemplateResult_17["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>;
     onDrop?: (zone: DropZoneRef) => void;
+    /**
+     * If set, handler will be called if the drag operation did not move the item.
+     */
+    onClick?: () => void;
 }
 
 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_21<typeof __VLS_component_21, __VLS_TemplateResult_21["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_22<typeof __VLS_component_22, __VLS_TemplateResult_22["slots"]>;
 
-export declare const DropdownItem: __VLS_WithTemplateSlots_16<typeof __VLS_component_16, __VLS_TemplateResult_16["slots"]>;
+export declare const DropdownItem: __VLS_WithTemplateSlots_20<typeof __VLS_component_20, __VLS_TemplateResult_20["slots"]>;
 
-export declare const DropdownMenu: __VLS_WithTemplateSlots_15<typeof __VLS_component_15, __VLS_TemplateResult_15["slots"]>;
+export declare const DropdownMenu: __VLS_WithTemplateSlots_19<typeof __VLS_component_19, __VLS_TemplateResult_19["slots"]>;
 
 export declare type DropDownTarget = Element | DropDownTargetPoint;
 
@@ -937,7 +1236,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_18<typeof __VLS_component_18, __VLS_TemplateResult_18["slots"]>;
 
 export declare interface DropZoneRef {
     accepts: string | string[];
@@ -946,9 +1245,11 @@ export declare interface DropZoneRef {
     onDrop?: (payload: DragPayload) => void;
 }
 
+export declare const EnumsBar: __VLS_WithTemplateSlots_12<typeof __VLS_component_12, __VLS_TemplateResult_12["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"]>;
+export declare const ExternalLink: __VLS_WithTemplateSlots_10<typeof __VLS_component_10, __VLS_TemplateResult_10["slots"]>;
 
 export declare const FloatingPanel: __VLS_WithTemplateSlots_4<typeof __VLS_component_4, __VLS_TemplateResult_4["slots"]>;
 
@@ -960,8 +1261,20 @@ declare function focus_4(): void;
 
 declare function focus_5(): void;
 
+export declare const Icon: DefineComponent<    {
+name: IconName;
+}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{
+name: IconName;
+}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+
 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 IconCheck: 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>;
@@ -970,6 +1283,8 @@ export declare const IconHamburger: DefineComponent<    {}, {}, {}, {}, {}, Comp
 
 export declare const IconInbound: DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 
+export declare type IconName = 'close' | 'check' | 'plus' | 'chevron' | 'folder' | 'outbound' | 'inbound' | 'question' | 'reload' | 'filter' | 'redo' | 'undo' | 'hamburger' | 'warning' | 'arrow' | 'arrows' | 'square' | 'squareSplitHorizontal' | 'squareSplitVertical';
+
 export declare const IconOutbound: DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 
 export declare const IconPlus: DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
@@ -980,6 +1295,12 @@ export declare const IconRedo: DefineComponent<    {}, {}, {}, {}, {}, Component
 
 export declare const IconReload: DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 
+export declare const IconSquare: DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+
+export declare const IconSquareSplitHorizontal: DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+
+export declare const IconSquareSplitVertical: DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+
 export declare const IconUndo: DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 
 export declare const IconWarning: DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
@@ -1010,18 +1331,62 @@ onFocus?: ((value: Event) => any) | undefined;
 "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
+export declare const InspectorLayout: __VLS_WithTemplateSlots_14<typeof __VLS_component_14, __VLS_TemplateResult_14["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 | string;
+    };
+    /**
+     * 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: 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 ListDetailLayout: __VLS_WithTemplateSlots_15<typeof __VLS_component_15, __VLS_TemplateResult_15["slots"]>;
+
 export declare const ListLink: __VLS_WithTemplateSlots_2<typeof __VLS_component_2, __VLS_TemplateResult_2["slots"]>;
 
-export declare const LoadingArea: __VLS_WithTemplateSlots_10<typeof __VLS_component_10, __VLS_TemplateResult_10["slots"]>;
+export declare const LoadingArea: __VLS_WithTemplateSlots_11<typeof __VLS_component_11, __VLS_TemplateResult_11["slots"]>;
 
 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"]>;
@@ -1063,6 +1428,8 @@ isValid: boolean;
 defaultCountry: string;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
+export declare const RadioButton: __VLS_WithTemplateSlots_9<typeof __VLS_component_9, __VLS_TemplateResult_9["slots"]>;
+
 export declare const RemoveButton: DefineComponent<    {
 /**
 * If this button is used on an "inverted" background, set to true to increase contrast
@@ -1111,13 +1478,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_13<typeof __VLS_component_13, __VLS_TemplateResult_13["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_23<typeof __VLS_component_23, __VLS_TemplateResult_23["slots"]>;
 
-export declare const TabItem: __VLS_WithTemplateSlots_20<typeof __VLS_component_20, __VLS_TemplateResult_20["slots"]>;
+export declare const TabItem: __VLS_WithTemplateSlots_24<typeof __VLS_component_24, __VLS_TemplateResult_24["slots"]>;
 
 export declare const TextInput: DefineComponent<__VLS_PublicProps, {
 setError: typeof setError;
@@ -1208,8 +1575,9 @@ export declare interface TreeNode {
     id: string;
     children?: TreeNode[];
     label: string | ComputedRef<string>;
+    style?: 'header';
     tags?: TreeNodeTag[] | ComputedRef<TreeNodeTag[]>;
-    icon?: string;
+    icon?: IconName;
     onRename?: (newName: string, context: {
         node: TreeNode;
         parentNode?: TreeNode;
@@ -1221,11 +1589,34 @@ export declare interface TreeNode {
     onClick?: () => void;
     isSelected?: () => boolean;
     contextMenu?: ContextMenuSections;
+    dropZone?: {
+        accepts: string | string[];
+        metadata?: Record<string, any>;
+        onDrop: (payload: DragPayload) => void;
+    };
+    draggable?: {
+        type: string;
+        data: any;
+        metadata?: Record<string, any>;
+    };
+    /**
+     * Automatic sorting of children.
+     *
+     * none = Display in actual order
+     * az = Alphabetical
+     * caz = Alphabetical but entries with children comes first
+     */
+    sort?: 'none' | 'az' | 'caz';
 }
 
 export declare interface TreeNodeTag {
     value: string;
-    style: 'primary' | 'secondary' | 'tertiary';
+    style: 'primary' | 'secondary' | 'tertiary' | 'hue';
+    /**
+     * If style is hue, this determines the hue value
+     */
+    hue?: number;
+    title?: string;
 }
 
 /**

package/package.json

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