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

package/dist/entry.d.ts

@@ -17,7 +17,6 @@ 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';
@@ -35,12 +34,18 @@ buttonStyle?: "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;
@@ -58,19 +63,29 @@ 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>;
@@ -90,7 +105,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>;
@@ -112,7 +127,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, {} & {
@@ -124,7 +139,7 @@ metadata?: Record<string, any>;
 onDrop?: ((payload: DragPayload) => any) | undefined;
 }>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-declare const __VLS_component_17: DefineComponent<    {
+declare const __VLS_component_19: DefineComponent<    {
 target?: DropDownTarget | null;
 }, {
 open: typeof open_3;
@@ -140,7 +155,15 @@ 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;
@@ -154,7 +177,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, {} & {
@@ -166,21 +189,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;
@@ -190,7 +205,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;
@@ -266,22 +281,28 @@ 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: {
@@ -372,6 +393,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;
     };
@@ -449,7 +478,7 @@ declare function __VLS_template_11(): {
     attrs: Partial<{}>;
 };
 
-declare function __VLS_template_12(): {
+declare function __VLS_template_13(): {
     slots: {
         sidebar?(_: {}): any;
         content?(_: {}): any;
@@ -458,7 +487,7 @@ declare function __VLS_template_12(): {
     attrs: Partial<{}>;
 };
 
-declare function __VLS_template_13(): {
+declare function __VLS_template_14(): {
     slots: {
         header?(_: {}): any;
     };
@@ -469,7 +498,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;
     };
@@ -479,7 +519,7 @@ declare function __VLS_template_14(): {
     attrs: Partial<{}>;
 };
 
-declare function __VLS_template_15(): {
+declare function __VLS_template_17(): {
     slots: {
         default?(_: {}): any;
     };
@@ -489,7 +529,7 @@ declare function __VLS_template_15(): {
     attrs: Partial<{}>;
 };
 
-declare function __VLS_template_16(): {
+declare function __VLS_template_18(): {
     slots: {
         default?(_: {}): any;
     };
@@ -499,7 +539,7 @@ declare function __VLS_template_16(): {
     attrs: Partial<{}>;
 };
 
-declare function __VLS_template_17(): {
+declare function __VLS_template_19(): {
     slots: {
         default?(_: {}): any;
     };
@@ -509,15 +549,18 @@ declare function __VLS_template_17(): {
     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;
     };
@@ -525,18 +568,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;
     };
@@ -544,7 +584,7 @@ declare function __VLS_template_20(): {
     attrs: Partial<{}>;
 };
 
-declare function __VLS_template_21(): {
+declare function __VLS_template_23(): {
     slots: {
         actions?(_: {}): any;
         default?(_: {}): any;
@@ -554,7 +594,7 @@ declare function __VLS_template_21(): {
     attrs: Partial<{}>;
 };
 
-declare function __VLS_template_22(): {
+declare function __VLS_template_24(): {
     slots: {
         content?(_: {}): any;
         default?(_: {}): any;
@@ -723,6 +763,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>;
@@ -746,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;
@@ -843,6 +893,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;
@@ -895,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.
@@ -1020,6 +1084,7 @@ export declare interface DataProvider {
     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[]>;
@@ -1034,6 +1099,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 +1129,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_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;
@@ -1124,9 +1193,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,19 +1211,23 @@ 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;
 
@@ -1163,7 +1236,7 @@ export declare interface DropDownTargetPoint {
     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 +1245,11 @@ 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 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 +1261,18 @@ 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>;
@@ -1202,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>;
@@ -1212,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>;
@@ -1242,7 +1331,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 +1342,7 @@ export declare interface InspectorProvider {
      */
     state?: {
         label: string;
-        hue?: number;
+        hue?: number | string;
     };
     /**
      * If set, adds the title to the header
@@ -1274,7 +1363,7 @@ export declare interface InspectorProvider {
      * The currently selected tab. 0 means select first tab which is summary
      * or first tab depending on viewport size.
      */
-    selectedTab: Ref<string | number>;
+    selectedTab: string | number;
     tabs: {
         key: string;
         label: string;
@@ -1288,9 +1377,11 @@ export declare interface InspectorProvider {
 
 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;
 
@@ -1337,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
@@ -1385,13 +1478,13 @@ declare function setError_3(message?: string): void;
  */
 declare function setError_4(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 +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;
@@ -1495,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": "20250602.0.0-develop.1",
+  "version": "20250707.0.0-develop.1",
   "types": "./dist/entry.d.ts",
   "scripts": {
     "build": "cpx ../../design-system/dist/**/*.d.ts ./dist -C"