@hantera/design-system 20250714.1.0 → 20250921.0.0-2025.2.1

package/dist/entry.d.ts

@@ -26,24 +26,31 @@ import { WatchStopHandle } from 'vue';
 declare const __VLS_component: DefineComponent<    {
 label?: string;
 disabled?: boolean;
-buttonStyle?: "primary" | "warning" | "danger" | "silent";
+buttonStyle?: "default" | "primary" | "warning" | "danger" | "silent";
 }, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{
 label?: string;
 disabled?: boolean;
-buttonStyle?: "primary" | "warning" | "danger" | "silent";
+buttonStyle?: "default" | "primary" | "warning" | "danger" | "silent";
 }> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
 declare const __VLS_component_10: DefineComponent<    {
+href: string;
+}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{
+href: string;
+}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+
+declare const __VLS_component_11: DefineComponent<    {
 loading: boolean;
 }, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{
 loading: boolean;
 }> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-declare const __VLS_component_11: DefineComponent<    {
+declare const __VLS_component_12: DefineComponent<    {
 selectedValues: string[];
 availableSets: DataColumnValuesEnumSet[];
 onAdd?: any;
 onRemove?: any;
+disabled?: boolean;
 }, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
 add: (value: DataColumnValuesEnumValue) => any;
 remove: (value: DataColumnValuesEnumValue) => any;
@@ -52,24 +59,35 @@ selectedValues: string[];
 availableSets: DataColumnValuesEnumSet[];
 onAdd?: any;
 onRemove?: any;
+disabled?: boolean;
 }> & Readonly<{
 onAdd?: ((value: DataColumnValuesEnumValue) => any) | undefined;
 onRemove?: ((value: DataColumnValuesEnumValue) => any) | undefined;
 }>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-declare const __VLS_component_12: DefineComponent<    {
-cacheKey: string;
+declare const __VLS_component_13: DefineComponent<    {
+cacheKey?: string;
 }, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{
-cacheKey: string;
+cacheKey?: string;
 }> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-declare const __VLS_component_13: DefineComponent<    {
+declare const __VLS_component_14: DefineComponent<    {
 provider: InspectorProvider;
 }, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{
 provider: InspectorProvider;
 }> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-declare const __VLS_component_14: DefineComponent<    {
+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>;
@@ -89,7 +107,7 @@ mode?: "hit" | "closest";
 onDropped?: ((zone: DropZoneRef) => any) | undefined;
 }>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-declare const __VLS_component_15: DefineComponent<    {
+declare const __VLS_component_17: DefineComponent<    {
 type: string;
 data: any;
 metadata?: Record<string, any>;
@@ -111,7 +129,7 @@ onDropBefore?: ((payload: DragPayload) => any) | undefined;
 onDropAfter?: ((payload: DragPayload) => any) | undefined;
 }>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-declare const __VLS_component_16: DefineComponent<    {
+declare const __VLS_component_18: DefineComponent<    {
 accepts: string | string[];
 metadata?: Record<string, any>;
 }, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
@@ -123,8 +141,12 @@ metadata?: Record<string, any>;
 onDrop?: ((payload: DragPayload) => any) | undefined;
 }>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-declare const __VLS_component_17: DefineComponent<    {
-target?: DropDownTarget | null;
+declare const __VLS_component_19: DefineComponent<    {
+target?: DropdownTarget | null;
+/**
+* Renders the dropdown as a popover instead of dialog. Popovers do not take focus on opening.
+*/
+popover?: boolean;
 }, {
 open: typeof open_3;
 close: typeof close_3;
@@ -133,13 +155,25 @@ isOpen: typeof isOpen;
 close: () => any;
 open: () => any;
 }, string, PublicProps, Readonly<{
-target?: DropDownTarget | null;
+target?: DropdownTarget | null;
+/**
+* Renders the dropdown as a popover instead of dialog. Popovers do not take focus on opening.
+*/
+popover?: boolean;
 }> & Readonly<{
 onClose?: (() => any) | undefined;
 onOpen?: (() => 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<    {
 disabled?: boolean;
 title?: string;
 onClick?: any;
@@ -153,7 +187,7 @@ onClick?: any;
 onClick?: ((preventClose: () => void) => any) | undefined;
 }>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-declare const __VLS_component_19: DefineComponent<    {
+declare const __VLS_component_21: DefineComponent<    {
 selected: boolean;
 closeOnClick?: boolean;
 }, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
@@ -165,21 +199,13 @@ closeOnClick?: boolean;
 onClick?: (() => 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<    {
 title?: string;
 }, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{
 title?: string;
 }> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-declare const __VLS_component_21: DefineComponent<    {
+declare const __VLS_component_23: DefineComponent<    {
 modelValue: string | number;
 }, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
 "update:modelValue": (value: string | number) => any;
@@ -189,7 +215,7 @@ modelValue: string | number;
 "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
 }>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-declare const __VLS_component_22: DefineComponent<    {
+declare const __VLS_component_24: DefineComponent<    {
 label?: string;
 count?: number;
 value: string | number;
@@ -265,22 +291,42 @@ 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_4, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+"update:modelValue": (modelValue: any) => any;
+} & {
+"update:modelValue": (value: any) => any;
+}, string, PublicProps, Readonly<__VLS_PublicProps_4> & 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: string;
+    modelModifiers?: Record<string, true>;
+} & typeof __VLS_typeProps_2;
+
+declare type __VLS_PublicProps_3 = {
+    modelValue: DecimalInputValue | Decimal;
+} & typeof __VLS_typeProps_3;
+
+declare type __VLS_PublicProps_4 = {
+    modelValue?: any;
+} & typeof __VLS_typeProps_4;
+
+declare type __VLS_PublicProps_5 = {
     modelValue?: {
         start: Date;
         end: Date;
     } | Date;
-} & typeof __VLS_typeProps_2;
+} & typeof __VLS_typeProps_5;
+
+declare type __VLS_PublicProps_6 = {
+    modelValue?: string;
+    modelModifiers?: Record<string, true>;
+} & typeof __VLS_typeProps_6;
 
 declare function __VLS_template(): {
     slots: {
@@ -294,7 +340,8 @@ declare function __VLS_template(): {
             $: ComponentInternalInstance;
             $data: {};
             $props: {
-                readonly target?: (DropDownTarget | null) | undefined;
+                readonly target?: (DropdownTarget | null) | undefined;
+                readonly popover?: boolean | undefined;
                 readonly onClose?: (() => any) | undefined;
                 readonly onOpen?: (() => any) | undefined;
             } & VNodeProps & AllowedComponentProps & ComponentCustomProps;
@@ -313,7 +360,8 @@ declare function __VLS_template(): {
             $emit: ((event: "close") => void) & ((event: "open") => void);
             $el: any;
             $options: ComponentOptionsBase<Readonly<{
-            target?: DropDownTarget | null;
+            target?: DropdownTarget | null;
+            popover?: boolean;
             }> & Readonly<{
             onClose?: (() => any) | undefined;
             onOpen?: (() => any) | undefined;
@@ -345,7 +393,8 @@ declare function __VLS_template(): {
             $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;
+            target?: DropdownTarget | null;
+            popover?: boolean;
         }> & Readonly<{
             onClose?: (() => any) | undefined;
             onOpen?: (() => any) | undefined;
@@ -371,6 +420,14 @@ declare function __VLS_template_10(): {
 };
 
 declare function __VLS_template_11(): {
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    attrs: Partial<{}>;
+};
+
+declare function __VLS_template_12(): {
     slots: {
         dropdown?(_: {}): any;
     };
@@ -380,7 +437,8 @@ declare function __VLS_template_11(): {
             $: ComponentInternalInstance;
             $data: {};
             $props: {
-                readonly target?: (DropDownTarget | null) | undefined;
+                readonly target?: (DropdownTarget | null) | undefined;
+                readonly popover?: boolean | undefined;
                 readonly onClose?: (() => any) | undefined;
                 readonly onOpen?: (() => any) | undefined;
             } & VNodeProps & AllowedComponentProps & ComponentCustomProps;
@@ -399,7 +457,8 @@ declare function __VLS_template_11(): {
             $emit: ((event: "close") => void) & ((event: "open") => void);
             $el: any;
             $options: ComponentOptionsBase<Readonly<{
-            target?: DropDownTarget | null;
+            target?: DropdownTarget | null;
+            popover?: boolean;
             }> & Readonly<{
             onClose?: (() => any) | undefined;
             onOpen?: (() => any) | undefined;
@@ -431,7 +490,8 @@ declare function __VLS_template_11(): {
             $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;
+            target?: DropdownTarget | null;
+            popover?: boolean;
         }> & Readonly<{
             onClose?: (() => any) | undefined;
             onOpen?: (() => any) | undefined;
@@ -448,7 +508,7 @@ declare function __VLS_template_11(): {
     attrs: Partial<{}>;
 };
 
-declare function __VLS_template_12(): {
+declare function __VLS_template_13(): {
     slots: {
         sidebar?(_: {}): any;
         content?(_: {}): any;
@@ -457,7 +517,7 @@ declare function __VLS_template_12(): {
     attrs: Partial<{}>;
 };
 
-declare function __VLS_template_13(): {
+declare function __VLS_template_14(): {
     slots: {
         header?(_: {}): any;
     };
@@ -468,7 +528,18 @@ declare function __VLS_template_13(): {
     attrs: Partial<{}>;
 };
 
-declare function __VLS_template_14(): {
+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;
     };
@@ -478,7 +549,7 @@ declare function __VLS_template_14(): {
     attrs: Partial<{}>;
 };
 
-declare function __VLS_template_15(): {
+declare function __VLS_template_17(): {
     slots: {
         default?(_: {}): any;
     };
@@ -488,7 +559,7 @@ declare function __VLS_template_15(): {
     attrs: Partial<{}>;
 };
 
-declare function __VLS_template_16(): {
+declare function __VLS_template_18(): {
     slots: {
         default?(_: {}): any;
     };
@@ -498,25 +569,28 @@ declare function __VLS_template_16(): {
     attrs: Partial<{}>;
 };
 
-declare function __VLS_template_17(): {
+declare function __VLS_template_19(): {
     slots: {
         default?(_: {}): any;
     };
     refs: {
-        dropdown: HTMLDialogElement;
+        dropdown: unknown;
     };
     attrs: Partial<{}>;
 };
 
-declare function __VLS_template_18(): {
+declare function __VLS_template_2(): {
     slots: {
         default?(_: {}): any;
+        dropdown?(_: {}): any;
+    };
+    refs: {
+        element: HTMLLIElement;
     };
-    refs: {};
     attrs: Partial<{}>;
 };
 
-declare function __VLS_template_19(): {
+declare function __VLS_template_20(): {
     slots: {
         default?(_: {}): any;
     };
@@ -524,18 +598,15 @@ declare function __VLS_template_19(): {
     attrs: Partial<{}>;
 };
 
-declare function __VLS_template_2(): {
+declare function __VLS_template_21(): {
     slots: {
         default?(_: {}): any;
-        dropdown?(_: {}): any;
-    };
-    refs: {
-        element: HTMLLIElement;
     };
+    refs: {};
     attrs: Partial<{}>;
 };
 
-declare function __VLS_template_20(): {
+declare function __VLS_template_22(): {
     slots: {
         default?(_: {}): any;
     };
@@ -543,7 +614,7 @@ declare function __VLS_template_20(): {
     attrs: Partial<{}>;
 };
 
-declare function __VLS_template_21(): {
+declare function __VLS_template_23(): {
     slots: {
         actions?(_: {}): any;
         default?(_: {}): any;
@@ -553,7 +624,7 @@ declare function __VLS_template_21(): {
     attrs: Partial<{}>;
 };
 
-declare function __VLS_template_22(): {
+declare function __VLS_template_24(): {
     slots: {
         content?(_: {}): any;
         default?(_: {}): any;
@@ -563,7 +634,8 @@ declare function __VLS_template_22(): {
             $: ComponentInternalInstance;
             $data: {};
             $props: {
-                readonly target?: (DropDownTarget | null) | undefined;
+                readonly target?: (DropdownTarget | null) | undefined;
+                readonly popover?: boolean | undefined;
                 readonly onClose?: (() => any) | undefined;
                 readonly onOpen?: (() => any) | undefined;
             } & VNodeProps & AllowedComponentProps & ComponentCustomProps;
@@ -582,7 +654,8 @@ declare function __VLS_template_22(): {
             $emit: ((event: "close") => void) & ((event: "open") => void);
             $el: any;
             $options: ComponentOptionsBase<Readonly<{
-            target?: DropDownTarget | null;
+            target?: DropdownTarget | null;
+            popover?: boolean;
             }> & Readonly<{
             onClose?: (() => any) | undefined;
             onOpen?: (() => any) | undefined;
@@ -614,7 +687,8 @@ declare function __VLS_template_22(): {
             $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;
+            target?: DropdownTarget | null;
+            popover?: boolean;
         }> & Readonly<{
             onClose?: (() => any) | undefined;
             onOpen?: (() => any) | undefined;
@@ -722,6 +796,10 @@ 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>;
@@ -745,6 +823,27 @@ declare let __VLS_typeProps: {
 };
 
 declare let __VLS_typeProps_2: {
+    name?: string;
+    disabled?: boolean;
+    placeholder?: string;
+};
+
+declare let __VLS_typeProps_3: {
+    name?: string;
+    selectOnFocus?: boolean;
+    disabled?: boolean;
+    maxValue?: Decimal | number;
+    minValue?: Decimal | number;
+    allowPercentage?: boolean;
+};
+
+declare let __VLS_typeProps_4: {
+    modelValue: any;
+    value: any;
+    disabled?: boolean;
+};
+
+declare let __VLS_typeProps_5: {
     minDate?: Date;
     maxDate?: Date;
     startOfWeek?: number;
@@ -752,6 +851,10 @@ declare let __VLS_typeProps_2: {
     weekNumbers?: 'firstFourDays';
 };
 
+declare let __VLS_typeProps_6: {
+    items: NavItemDefinition[];
+};
+
 declare type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;
@@ -842,6 +945,18 @@ declare type __VLS_WithTemplateSlots_22<T, S> = T & {
     };
 };
 
+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;
@@ -884,8 +999,41 @@ declare type __VLS_WithTemplateSlots_9<T, S> = T & {
     };
 };
 
+export declare const ActivityLog: DefineComponent<    {
+entries: ActivityLogEntry[];
+/**
+* Allows entries to be rendered using a Vue component. Return undefined to use default rendering.
+* @param entry
+*/
+componentMapper?: (entry: ActivityLogEntry) => string | any;
+}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{
+entries: ActivityLogEntry[];
+/**
+* Allows entries to be rendered using a Vue component. Return undefined to use default rendering.
+* @param entry
+*/
+componentMapper?: (entry: ActivityLogEntry) => string | any;
+}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+
+export declare interface ActivityLogEntry {
+    activityLogId: string;
+    type: string;
+    messageTemplate: string;
+    dynamic: Record<string, any>;
+    createdAt: Date;
+    identity?: {
+        identityId: string;
+        type: 'user' | 'system' | 'oauth_client';
+        properties: {
+            name?: string;
+        };
+    };
+}
+
 declare function blur_2(): void;
 
+declare function blur_3(): void;
+
 declare function close_2(): void;
 
 declare function close_3(): void;
@@ -894,6 +1042,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.
@@ -1034,6 +1184,10 @@ export declare interface DataProvider {
 
 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[];
 }
 
@@ -1060,14 +1214,14 @@ export declare interface DataTableContextMenuProvider {
     forRow(row: DataRow): ContextMenuSections;
 }
 
-export declare const DatePicker: DefineComponent<__VLS_PublicProps_2, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+export declare const DatePicker: DefineComponent<__VLS_PublicProps_5, {}, {}, {}, {}, 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_5> & Readonly<{
 "onUpdate:modelValue"?: ((modelValue: Date | {
 start: Date;
 end: Date;
@@ -1078,42 +1232,27 @@ startOfWeek: number;
 mode: "single" | "range";
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-export declare const DecimalInput: DefineComponent<    {
-modelValue?: DecimalInputValue | Decimal;
-name?: string;
-selectOnFocus?: boolean;
-disabled?: boolean;
-maxValue?: Decimal | number;
-minValue?: Decimal | number;
-allowPercentage?: boolean;
-}, {
-setError: typeof setError_2;
-focus: typeof focus_3;
-select: typeof select_2;
-}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+export declare const DecimalInput: DefineComponent<__VLS_PublicProps_3, {
+setError: typeof setError_3;
+focus: typeof focus_4;
+select: typeof select_3;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+"update:modelValue": (modelValue: DecimalInputValue | Decimal) => any;
+} & {
 blur: (value: Event) => any;
 change: () => any;
 focus: (value: Event) => any;
 keydown: (value: KeyboardEvent) => any;
 keypress: (value: KeyboardEvent) => any;
 keyenter: (value: KeyboardEvent) => any;
-"update:modelValue": (value: DecimalInputValue | Decimal) => any;
-}, string, PublicProps, Readonly<{
-modelValue?: DecimalInputValue | Decimal;
-name?: string;
-selectOnFocus?: boolean;
-disabled?: boolean;
-maxValue?: Decimal | number;
-minValue?: Decimal | number;
-allowPercentage?: boolean;
-}> & Readonly<{
+}, string, PublicProps, Readonly<__VLS_PublicProps_3> & Readonly<{
 onBlur?: ((value: Event) => any) | undefined;
 onChange?: (() => any) | undefined;
 onFocus?: ((value: Event) => any) | undefined;
 onKeydown?: ((value: KeyboardEvent) => any) | undefined;
 onKeypress?: ((value: KeyboardEvent) => any) | undefined;
 onKeyenter?: ((value: KeyboardEvent) => any) | undefined;
-"onUpdate:modelValue"?: ((value: DecimalInputValue | Decimal) => any) | undefined;
+"onUpdate:modelValue"?: ((modelValue: DecimalInputValue | Decimal) => any) | undefined;
 }>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
 export declare interface DecimalInputValue {
@@ -1124,9 +1263,9 @@ export declare interface DecimalInputValue {
 declare const _default: Plugin_2<[]>;
 export default _default;
 
-export declare const Draggable: __VLS_WithTemplateSlots_14<typeof __VLS_component_14, __VLS_TemplateResult_14["slots"]>;
+export declare const Draggable: __VLS_WithTemplateSlots_16<typeof __VLS_component_16, __VLS_TemplateResult_16["slots"]>;
 
-export declare const DraggableListItem: __VLS_WithTemplateSlots_15<typeof __VLS_component_15, __VLS_TemplateResult_15["slots"]>;
+export declare const DraggableListItem: __VLS_WithTemplateSlots_17<typeof __VLS_component_17, __VLS_TemplateResult_17["slots"]>;
 
 export declare interface DragPayload {
     type: string;
@@ -1142,28 +1281,32 @@ export declare interface DragPayload {
     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_19<typeof __VLS_component_19, __VLS_TemplateResult_19["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_20<typeof __VLS_component_20, __VLS_TemplateResult_20["slots"]>;
+export declare const DropdownGroup: __VLS_WithTemplateSlots_22<typeof __VLS_component_22, __VLS_TemplateResult_22["slots"]>;
 
-export declare const DropdownItem: __VLS_WithTemplateSlots_18<typeof __VLS_component_18, __VLS_TemplateResult_18["slots"]>;
+export declare const DropdownItem: __VLS_WithTemplateSlots_20<typeof __VLS_component_20, __VLS_TemplateResult_20["slots"]>;
 
-export declare const DropdownMenu: __VLS_WithTemplateSlots_17<typeof __VLS_component_17, __VLS_TemplateResult_17["slots"]>;
+export declare const DropdownMenu: __VLS_WithTemplateSlots_19<typeof __VLS_component_19, __VLS_TemplateResult_19["slots"]>;
 
-export declare type DropDownTarget = Element | DropDownTargetPoint;
+export declare type DropdownTarget = Element | DropdownTargetPoint;
 
-export declare interface DropDownTargetPoint {
+export declare interface DropdownTargetPoint {
     x: number;
     y: number;
 }
 
-export declare const DropZone: __VLS_WithTemplateSlots_16<typeof __VLS_component_16, __VLS_TemplateResult_16["slots"]>;
+export declare const DropZone: __VLS_WithTemplateSlots_18<typeof __VLS_component_18, __VLS_TemplateResult_18["slots"]>;
 
 export declare interface DropZoneRef {
     accepts: string | string[];
@@ -1172,11 +1315,34 @@ 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 ElasticInput: DefineComponent<__VLS_PublicProps_2, {
+setError: typeof setError_2;
+focus: typeof focus_3;
+blur: typeof blur_3;
+select: typeof select_2;
+scrollIntoView: typeof scrollIntoView_2;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+"update:modelValue": (modelValue: string) => any;
+} & {
+blur: (value: Event) => any;
+focus: (value: Event) => any;
+keydown: (value: KeyboardEvent) => any;
+keypress: (value: KeyboardEvent) => any;
+keyenter: (value: KeyboardEvent) => any;
+}, string, PublicProps, Readonly<__VLS_PublicProps_2> & Readonly<{
+onBlur?: ((value: Event) => any) | undefined;
+onFocus?: ((value: Event) => any) | undefined;
+onKeydown?: ((value: KeyboardEvent) => any) | undefined;
+onKeypress?: ((value: KeyboardEvent) => any) | undefined;
+onKeyenter?: ((value: KeyboardEvent) => any) | undefined;
+"onUpdate:modelValue"?: ((modelValue: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+
+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"]>;
 
@@ -1188,10 +1354,20 @@ declare function focus_4(): void;
 
 declare function focus_5(): void;
 
+declare function focus_6(): 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>;
@@ -1202,6 +1378,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' | 'home' | 'blocks';
+
 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>;
@@ -1212,6 +1390,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>;
@@ -1223,9 +1407,9 @@ type?: string;
 placeholder?: string;
 autocomplete?: "email" | "url";
 }, {
-setError: typeof setError_4;
-focus: typeof focus_5;
-select: typeof select_4;
+setError: typeof setError_5;
+focus: typeof focus_6;
+select: typeof select_5;
 }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
 blur: (value: Event) => any;
 focus: (value: Event) => any;
@@ -1242,7 +1426,7 @@ 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"]>;
+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
@@ -1253,7 +1437,7 @@ export declare interface InspectorProvider {
      */
     state?: {
         label: string;
-        hue?: number;
+        hue?: number | string;
     };
     /**
      * If set, adds the title to the header
@@ -1271,26 +1455,63 @@ export declare interface InspectorProvider {
      */
     summary: string | object;
     /**
-     * The currently selected tab. 0 means select first tab which is summary
+     * If set, overrides the label of the summary tab on small screens/containers
+     */
+    summaryLabel?: string;
+    /**
+     * The currently selected tab. undefined 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;
-    }[];
+    selectedTab?: string;
+    tabs: InspectorTab[];
+}
+
+declare interface InspectorTab extends NavItemDefinition {
+    /**
+     * An HTML tag name, a Component name or Component class reference to render as tab's content.
+     */
+    component: string | object;
+    /**
+     * An HTML tag name, a Component name or Component class reference to render as tab's toolbar.
+     */
+    toolbar?: string | object;
 }
 
 declare function isOpen(): boolean;
 
+export declare interface LabelTagDefinition {
+    value: string;
+    style: 'primary' | 'secondary' | 'tertiary' | 'hue';
+    /**
+     * If style is hue, this determines the hue value
+     */
+    hue?: number;
+    title?: string;
+}
+
+export declare const LabelTags: DefineComponent<    {
+tags?: LabelTagDefinition[] | ComputedRef<LabelTagDefinition[]>;
+}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{
+tags?: LabelTagDefinition[] | ComputedRef<LabelTagDefinition[]>;
+}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+
+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"]>;
+
+export declare const NavigationBar: DefineComponent<__VLS_PublicProps_6, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+"update:modelValue": (modelValue: string) => any;
+}, string, PublicProps, Readonly<__VLS_PublicProps_6> & Readonly<{
+"onUpdate:modelValue"?: ((modelValue: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+
+export declare interface NavItemDefinition {
+    id: string;
+    label: string | ComputedRef<string>;
+    tags?: LabelTagDefinition[] | ComputedRef<LabelTagDefinition[]>;
+}
 
 declare function open_2(): void;
 
@@ -1308,9 +1529,9 @@ isValid?: boolean;
 defaultCountry?: string;
 name?: string;
 }, {
-setError: typeof setError_3;
-focus: typeof focus_4;
-select: typeof select_3;
+setError: typeof setError_4;
+focus: typeof focus_5;
+select: typeof select_4;
 }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
 blur: (value: Event) => any;
 focus: (value: Event) => any;
@@ -1337,6 +1558,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
@@ -1351,8 +1574,18 @@ invertColors?: boolean;
 
 declare function rename(node: string | TreeNode): void;
 
+export declare const RenderedMessage: DefineComponent<    {
+messageTemplate: string;
+values: Record<string, any>;
+}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{
+messageTemplate: string;
+values: Record<string, any>;
+}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+
 declare function scrollIntoView(): void;
 
+declare function scrollIntoView_2(): void;
+
 declare function select(): void;
 
 declare function select_2(): void;
@@ -1361,37 +1594,41 @@ declare function select_3(): void;
 
 declare function select_4(): void;
 
+declare function select_5(): void;
+
 /**
  *
  * @param error The error message
  */
 declare function setError(message?: string): void;
 
+declare function setError_2(message?: string): void;
+
 /**
  *
  * @param error The error message
  */
-declare function setError_2(message?: string): void;
+declare function setError_3(message?: string): void;
 
 /**
  *
  * @param error The error message
  */
-declare function setError_3(message?: string): void;
+declare function setError_4(message?: string): void;
 
 /**
  *
  * @param error The error message
  */
-declare function setError_4(message?: string): void;
+declare function setError_5(message?: string): void;
 
-export declare const SidebarLayout: __VLS_WithTemplateSlots_12<typeof __VLS_component_12, __VLS_TemplateResult_12["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_21<typeof __VLS_component_21, __VLS_TemplateResult_21["slots"]>;
+export declare const TabBar: __VLS_WithTemplateSlots_23<typeof __VLS_component_23, __VLS_TemplateResult_23["slots"]>;
 
-export declare const TabItem: __VLS_WithTemplateSlots_22<typeof __VLS_component_22, __VLS_TemplateResult_22["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;
@@ -1482,8 +1719,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;
@@ -1495,11 +1733,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": "20250714.1.0",
+  "version": "20250921.0.0-2025.2.1",
   "types": "./dist/entry.d.ts",
   "scripts": {
     "build": "cpx ../../design-system/dist/**/*.d.ts ./dist -C"