@mozaic-ds/vue 2.19.1 → 2.20.0

package/dist/mozaic-vue.d.ts

@@ -4,6 +4,8 @@ import { ComponentProvideOptions } from 'vue';
 import { CountryCode } from 'libphonenumber-js';
 import { DefineComponent } from 'vue';
 import { PublicProps } from 'vue';
+import { Ref } from 'vue';
+import { ShallowRef } from 'vue';
 import { VNode } from 'vue';
 
 declare const __VLS_base: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
@@ -67,7 +69,7 @@ declare const __VLS_base_17: DefineComponent<__VLS_Props_24, {}, {}, {}, {}, Com
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
 declare const __VLS_base_18: DefineComponent<__VLS_Props_28, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_28> & Readonly<{}>, {
-    appearance: "secondary" | "accent" | "inverse" | "standard";
+    appearance: "primary" | "secondary" | "accent" | "inverse" | /** @deprecated Use 'primary' instead */ "standard";
     size: "s" | "m";
     iconPosition: "left" | "right";
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
@@ -85,17 +87,37 @@ declare const __VLS_base_2: DefineComponent<__VLS_Props_2, {}, {}, {}, {}, Compo
     tag: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-declare const __VLS_base_20: DefineComponent<__VLS_Props_34, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_34> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base_20: DefineComponent<__VLS_Props_34, {
+    handleKeydown: (event: KeyboardEvent) => void;
+    toggleValue: (item?: ListboxOption) => void;
+    clearSelection: () => void;
+    listboxEl: Readonly< ShallowRef<HTMLDivElement | null, HTMLDivElement | null>>;
+    activeIndex: Ref<number, number>;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: string | number | (string | number)[] | null) => any;
+    open: () => any;
+    close: () => any;
+}, string, PublicProps, Readonly<__VLS_Props_34> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | number | (string | number)[] | null) => any) | undefined;
+    onOpen?: (() => any) | undefined;
+    onClose?: (() => any) | undefined;
+}>, {
+    clearLabel: string;
+    searchPlaceholder: string;
+    selectLabel: string;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+
+declare const __VLS_base_21: DefineComponent<__VLS_Props_35, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_35> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-declare const __VLS_base_21: DefineComponent<__VLS_Props_35, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+declare const __VLS_base_22: DefineComponent<__VLS_Props_36, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
     back: () => any;
     "toggle-menu": () => any;
-}, string, PublicProps, Readonly<__VLS_Props_35> & Readonly<{
+}, string, PublicProps, Readonly<__VLS_Props_36> & Readonly<{
     onBack?: (() => any) | undefined;
     "onToggle-menu"?: (() => any) | undefined;
 }>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-declare const __VLS_base_22: DefineComponent<__VLS_Props_40, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_40> & Readonly<{}>, {
+declare const __VLS_base_23: DefineComponent<__VLS_Props_43, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_43> & Readonly<{}>, {
     appearance: "standard" | "inverse";
     size: "s" | "m" | "l";
     position: "top" | "right" | "bottom" | "left";
@@ -103,39 +125,39 @@ declare const __VLS_base_22: DefineComponent<__VLS_Props_40, {}, {}, {}, {}, Com
     pointer: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-declare const __VLS_base_23: DefineComponent<__VLS_Props_46, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+declare const __VLS_base_24: DefineComponent<__VLS_Props_49, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
     "update:modelValue": (value: boolean) => any;
     close: () => any;
-}, string, PublicProps, Readonly<__VLS_Props_46> & Readonly<{
+}, string, PublicProps, Readonly<__VLS_Props_49> & Readonly<{
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     onClose?: (() => any) | undefined;
 }>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-declare const __VLS_base_24: DefineComponent<__VLS_Props_47, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_47> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base_25: DefineComponent<__VLS_Props_50, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_50> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-declare const __VLS_base_25: DefineComponent<__VLS_Props_48, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+declare const __VLS_base_26: DefineComponent<__VLS_Props_51, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
     "log-out": () => any;
-}, string, PublicProps, Readonly<__VLS_Props_48> & Readonly<{
+}, string, PublicProps, Readonly<__VLS_Props_51> & Readonly<{
     "onLog-out"?: (() => any) | undefined;
 }>, {
     logOutLabel: string;
     expendable: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-declare const __VLS_base_26: DefineComponent<__VLS_Props_52, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_52> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base_27: DefineComponent<__VLS_Props_55, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_55> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-declare const __VLS_base_27: DefineComponent<__VLS_Props_57, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+declare const __VLS_base_28: DefineComponent<__VLS_Props_60, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
     close: () => any;
-}, string, PublicProps, Readonly<__VLS_Props_57> & Readonly<{
+}, string, PublicProps, Readonly<__VLS_Props_60> & Readonly<{
     onClose?: (() => any) | undefined;
 }>, {
     status: "info" | "success" | "warning" | "error";
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-declare const __VLS_base_28: DefineComponent<__VLS_Props_63, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+declare const __VLS_base_29: DefineComponent<__VLS_Props_66, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
     "update:modelValue": (value: boolean) => any;
     "remove-tag": (id: string) => any;
-}, string, PublicProps, Readonly<__VLS_Props_63> & Readonly<{
+}, string, PublicProps, Readonly<__VLS_Props_66> & Readonly<{
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     "onRemove-tag"?: ((id: string) => any) | undefined;
 }>, {
@@ -144,11 +166,13 @@ declare const __VLS_base_28: DefineComponent<__VLS_Props_63, {}, {}, {}, {}, Com
     removableLabel: string;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-declare const __VLS_base_29: DefineComponent<__VLS_Props_65, {
+declare const __VLS_base_3: DefineComponent<__VLS_Props_3, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_3> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+
+declare const __VLS_base_30: DefineComponent<__VLS_Props_68, {
     focus: typeof focus_2;
 }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
     "update:modelValue": (value: string | number) => any;
-}, string, PublicProps, Readonly<__VLS_Props_65> & Readonly<{
+}, string, PublicProps, Readonly<__VLS_Props_68> & Readonly<{
     "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
 }>, {
     size: "s" | "m";
@@ -156,16 +180,14 @@ declare const __VLS_base_29: DefineComponent<__VLS_Props_65, {
     clearLabel: string;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-declare const __VLS_base_3: DefineComponent<__VLS_Props_3, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_3> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
-
-declare const __VLS_base_30: DefineComponent<__VLS_Props_66, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_66> & Readonly<{}>, {
+declare const __VLS_base_31: DefineComponent<__VLS_Props_69, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_69> & Readonly<{}>, {
     appearance: "primary" | "secondary" | "inverse";
     bordered: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-declare const __VLS_base_31: DefineComponent<__VLS_Props_67, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+declare const __VLS_base_32: DefineComponent<__VLS_Props_70, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
     action: () => any;
-}, string, PublicProps, Readonly<__VLS_Props_67> & Readonly<{
+}, string, PublicProps, Readonly<__VLS_Props_70> & Readonly<{
     onAction?: (() => any) | undefined;
 }>, {
     appearance: "primary" | "secondary" | "inverse";
@@ -173,16 +195,16 @@ declare const __VLS_base_31: DefineComponent<__VLS_Props_67, {}, {}, {}, {}, Com
     bordered: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-declare const __VLS_base_32: DefineComponent<__VLS_Props_68, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_68> & Readonly<{}>, {
+declare const __VLS_base_33: DefineComponent<__VLS_Props_71, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_71> & Readonly<{}>, {
     appearance: "primary" | "secondary";
     label: string;
     trigger: "container" | "icon" | "button";
     bordered: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-declare const __VLS_base_33: DefineComponent<__VLS_Props_69, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+declare const __VLS_base_34: DefineComponent<__VLS_Props_72, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
     "update:modelValue": (value: boolean) => any;
-}, string, PublicProps, Readonly<__VLS_Props_69> & Readonly<{
+}, string, PublicProps, Readonly<__VLS_Props_72> & Readonly<{
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
 }>, {
     inputType: "checkbox" | "radio";
@@ -190,16 +212,16 @@ declare const __VLS_base_33: DefineComponent<__VLS_Props_69, {}, {}, {}, {}, Com
     inputPosition: "left" | "right";
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-declare const __VLS_base_34: DefineComponent<__VLS_Props_70, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+declare const __VLS_base_35: DefineComponent<__VLS_Props_73, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
     "update:open": (value: boolean) => any;
-}, string, PublicProps, Readonly<__VLS_Props_70> & Readonly<{
+}, string, PublicProps, Readonly<__VLS_Props_73> & Readonly<{
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
 }>, {
     status: "info" | "success" | "warning" | "error";
     closable: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-declare const __VLS_base_35: DefineComponent<__VLS_Props_73, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_73> & Readonly<{}>, {
+declare const __VLS_base_36: DefineComponent<__VLS_Props_76, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_76> & Readonly<{}>, {
     position: "top" | "bottom" | "left" | "right";
     pointer: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
@@ -242,10 +264,13 @@ declare const __VLS_base_9: DefineComponent<__VLS_Props_15, {}, {}, {}, {}, Comp
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
 }>, {
     size: "s" | "m";
+    open: boolean;
     placeholder: string;
     clearLabel: string;
     searchPlaceholder: string;
     selectLabel: string;
+    controlAriaLabel: string;
+    clearAriaLabel: string;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
@@ -352,15 +377,34 @@ declare const __VLS_export_35: __VLS_WithSlots_20<typeof __VLS_base_20, __VLS_Sl
 
 declare const __VLS_export_36: __VLS_WithSlots_21<typeof __VLS_base_21, __VLS_Slots_21>;
 
-declare const __VLS_export_37: DefineComponent<__VLS_Props_36, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+declare const __VLS_export_37: __VLS_WithSlots_22<typeof __VLS_base_22, __VLS_Slots_22>;
+
+declare const __VLS_export_38: DefineComponent<__VLS_Props_37, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: string | number | (string | number)[] | null) => any;
+}, string, PublicProps, Readonly<__VLS_Props_37> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | number | (string | number)[] | null) => any) | undefined;
+}>, {
+    multiple: boolean;
+    label: string;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+
+declare const __VLS_export_39: DefineComponent<__VLS_Props_38, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+    action: () => any;
+}, string, PublicProps, Readonly<__VLS_Props_38> & Readonly<{
+    onAction?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+
+declare const __VLS_export_4: __VLS_WithSlots_4<typeof __VLS_base_4, __VLS_Slots_4>;
+
+declare const __VLS_export_40: DefineComponent<__VLS_Props_39, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
     "update:modelValue": (value: number) => any;
-}, string, PublicProps, Readonly<__VLS_Props_36> & Readonly<{
+}, string, PublicProps, Readonly<__VLS_Props_39> & Readonly<{
     "onUpdate:modelValue"?: ((value: number) => any) | undefined;
 }>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-declare const __VLS_export_38: DefineComponent<__VLS_Props_37, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+declare const __VLS_export_41: DefineComponent<__VLS_Props_40, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
     "update:modelValue": (value: string | number) => any;
-}, string, PublicProps, Readonly<__VLS_Props_37> & Readonly<{
+}, string, PublicProps, Readonly<__VLS_Props_40> & Readonly<{
     "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
 }>, {
     clearLabel: string;
@@ -370,10 +414,10 @@ declare const __VLS_export_38: DefineComponent<__VLS_Props_37, {}, {}, {}, {}, C
     };
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-declare const __VLS_export_39: DefineComponent<__VLS_Props_38, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+declare const __VLS_export_42: DefineComponent<__VLS_Props_41, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
     "update:modelValue": (value: string) => any;
     valid: (isValid: boolean) => any;
-}, string, PublicProps, Readonly<__VLS_Props_38> & Readonly<{
+}, string, PublicProps, Readonly<__VLS_Props_41> & Readonly<{
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
     onValid?: ((isValid: boolean) => any) | undefined;
 }>, {
@@ -385,21 +429,19 @@ declare const __VLS_export_39: DefineComponent<__VLS_Props_38, {}, {}, {}, {}, C
     locale: string;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-declare const __VLS_export_4: __VLS_WithSlots_4<typeof __VLS_base_4, __VLS_Slots_4>;
-
-declare const __VLS_export_40: DefineComponent<__VLS_Props_39, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+declare const __VLS_export_43: DefineComponent<__VLS_Props_42, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
     "update:modelValue": (value: string) => any;
-}, string, PublicProps, Readonly<__VLS_Props_39> & Readonly<{
+}, string, PublicProps, Readonly<__VLS_Props_42> & Readonly<{
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {
     length: 4 | 5 | 6;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-declare const __VLS_export_41: __VLS_WithSlots_22<typeof __VLS_base_22, __VLS_Slots_22>;
+declare const __VLS_export_44: __VLS_WithSlots_23<typeof __VLS_base_23, __VLS_Slots_23>;
 
-declare const __VLS_export_42: DefineComponent<__VLS_Props_41, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+declare const __VLS_export_45: DefineComponent<__VLS_Props_44, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
     "update:modelValue": (value: number) => any;
-}, string, PublicProps, Readonly<__VLS_Props_41> & Readonly<{
+}, string, PublicProps, Readonly<__VLS_Props_44> & Readonly<{
     "onUpdate:modelValue"?: ((value: number) => any) | undefined;
 }>, {
     modelValue: number;
@@ -412,56 +454,56 @@ declare const __VLS_export_42: DefineComponent<__VLS_Props_41, {}, {}, {}, {}, C
     decrementLabel: string;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-declare const __VLS_export_43: DefineComponent<__VLS_Props_42, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+declare const __VLS_export_46: DefineComponent<__VLS_Props_45, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
     "update:modelValue": (value: boolean) => any;
-}, string, PublicProps, Readonly<__VLS_Props_42> & Readonly<{
+}, string, PublicProps, Readonly<__VLS_Props_45> & Readonly<{
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
 }>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-declare const __VLS_export_44: DefineComponent<__VLS_Props_43, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+declare const __VLS_export_47: DefineComponent<__VLS_Props_46, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
     "update:modelValue": (value: string) => any;
-}, string, PublicProps, Readonly<__VLS_Props_43> & Readonly<{
+}, string, PublicProps, Readonly<__VLS_Props_46> & Readonly<{
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-declare const __VLS_export_45: DefineComponent<__VLS_Props_44, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+declare const __VLS_export_48: DefineComponent<__VLS_Props_47, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
     "update:modelValue": (value?: string | number | undefined) => any;
-}, string, PublicProps, Readonly<__VLS_Props_44> & Readonly<{
+}, string, PublicProps, Readonly<__VLS_Props_47> & Readonly<{
     "onUpdate:modelValue"?: ((value?: string | number | undefined) => any) | undefined;
 }>, {
     modelValue: string | number;
     size: "s" | "m";
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-declare const __VLS_export_46: DefineComponent<__VLS_Props_45, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+declare const __VLS_export_49: DefineComponent<__VLS_Props_48, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
     "update:modelValue": (value: string | number) => any;
-}, string, PublicProps, Readonly<__VLS_Props_45> & Readonly<{
+}, string, PublicProps, Readonly<__VLS_Props_48> & Readonly<{
     "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
 }>, {
     size: "s" | "m";
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-declare const __VLS_export_47: __VLS_WithSlots_23<typeof __VLS_base_23, __VLS_Slots_23>;
+declare const __VLS_export_5: __VLS_WithSlots_5<typeof __VLS_base_5, __VLS_Slots_5>;
 
-declare const __VLS_export_48: __VLS_WithSlots_24<typeof __VLS_base_24, __VLS_Slots_24>;
+declare const __VLS_export_50: __VLS_WithSlots_24<typeof __VLS_base_24, __VLS_Slots_24>;
 
-declare const __VLS_export_49: __VLS_WithSlots_25<typeof __VLS_base_25, __VLS_Slots_25>;
+declare const __VLS_export_51: __VLS_WithSlots_25<typeof __VLS_base_25, __VLS_Slots_25>;
 
-declare const __VLS_export_5: __VLS_WithSlots_5<typeof __VLS_base_5, __VLS_Slots_5>;
+declare const __VLS_export_52: __VLS_WithSlots_26<typeof __VLS_base_26, __VLS_Slots_26>;
 
-declare const __VLS_export_50: DefineComponent<__VLS_Props_49, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_49> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export_53: DefineComponent<__VLS_Props_52, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_52> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-declare const __VLS_export_51: DefineComponent<__VLS_Props_50, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+declare const __VLS_export_54: DefineComponent<__VLS_Props_53, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
     click: (value: MouseEvent) => any;
-}, string, PublicProps, Readonly<__VLS_Props_50> & Readonly<{
+}, string, PublicProps, Readonly<__VLS_Props_53> & Readonly<{
     onClick?: ((value: MouseEvent) => any) | undefined;
 }>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-declare const __VLS_export_52: DefineComponent<__VLS_Props_51, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_51> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export_55: DefineComponent<__VLS_Props_54, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_54> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-declare const __VLS_export_53: __VLS_WithSlots_26<typeof __VLS_base_26, __VLS_Slots_26>;
+declare const __VLS_export_56: __VLS_WithSlots_27<typeof __VLS_base_27, __VLS_Slots_27>;
 
-declare const __VLS_export_54: DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+declare const __VLS_export_57: DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
     "update:modelValue": (value: number) => any;
 }, string, PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: number) => any) | undefined;
@@ -472,26 +514,29 @@ declare const __VLS_export_54: DefineComponent<__VLS_PublicProps, {}, {}, {}, {}
     compact: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-declare const __VLS_export_55: DefineComponent<__VLS_Props_54, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_54> & Readonly<{}>, {
+declare const __VLS_export_58: DefineComponent<__VLS_Props_57, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_57> & Readonly<{}>, {
+    size: "s" | "m";
     status: "info" | "success" | "warning" | "error" | "neutral";
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-declare const __VLS_export_56: DefineComponent<__VLS_Props_55, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_55> & Readonly<{}>, {
+declare const __VLS_export_59: DefineComponent<__VLS_Props_58, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_58> & Readonly<{}>, {
     status: "info" | "success" | "warning" | "error" | "neutral";
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-declare const __VLS_export_57: DefineComponent<__VLS_Props_56, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_56> & Readonly<{}>, {
+declare const __VLS_export_6: DefineComponent<__VLS_Props_6, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_6> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+
+declare const __VLS_export_60: DefineComponent<__VLS_Props_59, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_59> & Readonly<{}>, {
     appearance: "standard" | "accent";
     status: "info" | "success" | "warning" | "error" | "neutral" | "inprogress";
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-declare const __VLS_export_58: __VLS_WithSlots_27<typeof __VLS_base_27, __VLS_Slots_27>;
+declare const __VLS_export_61: __VLS_WithSlots_28<typeof __VLS_base_28, __VLS_Slots_28>;
 
-declare const __VLS_export_59: DefineComponent<__VLS_Props_58, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+declare const __VLS_export_62: DefineComponent<__VLS_Props_61, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
     "update:modelValue": (value: number) => any;
     cancel: () => any;
     validate: () => any;
-}, string, PublicProps, Readonly<__VLS_Props_58> & Readonly<{
+}, string, PublicProps, Readonly<__VLS_Props_61> & Readonly<{
     "onUpdate:modelValue"?: ((value: number) => any) | undefined;
     onCancel?: (() => any) | undefined;
     onValidate?: (() => any) | undefined;
@@ -505,14 +550,12 @@ declare const __VLS_export_59: DefineComponent<__VLS_Props_58, {}, {}, {}, {}, C
     validateLabel: string;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-declare const __VLS_export_6: DefineComponent<__VLS_Props_6, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_6> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
-
-declare const __VLS_export_60: DefineComponent<__VLS_Props_59, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_59> & Readonly<{}>, {
+declare const __VLS_export_63: DefineComponent<__VLS_Props_62, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_62> & Readonly<{}>, {
     value: number;
     maxSteps: number;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-declare const __VLS_export_61: DefineComponent<__VLS_Props_60, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_60> & Readonly<{}>, {
+declare const __VLS_export_64: DefineComponent<__VLS_Props_63, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_63> & Readonly<{}>, {
     steps: Array<{
         /**
          * Uniquer identifier for the step.
@@ -530,7 +573,7 @@ declare const __VLS_export_61: DefineComponent<__VLS_Props_60, {}, {}, {}, {}, C
     currentStep: string | number;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-declare const __VLS_export_62: DefineComponent<__VLS_Props_61, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_61> & Readonly<{}>, {
+declare const __VLS_export_65: DefineComponent<__VLS_Props_64, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_64> & Readonly<{}>, {
     steps: Array<{
         /**
          * Unique identifier for the step.
@@ -548,32 +591,27 @@ declare const __VLS_export_62: DefineComponent<__VLS_Props_61, {}, {}, {}, {}, C
     currentStep: string | number;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-declare const __VLS_export_63: DefineComponent<__VLS_Props_62, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+declare const __VLS_export_66: DefineComponent<__VLS_Props_65, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
     "update:modelValue": (value?: string | number | undefined) => any;
-}, string, PublicProps, Readonly<__VLS_Props_62> & Readonly<{
+}, string, PublicProps, Readonly<__VLS_Props_65> & Readonly<{
     "onUpdate:modelValue"?: ((value?: string | number | undefined) => any) | undefined;
 }>, {
     modelValue: string | number;
+    size: "s" | "m";
     divider: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-declare const __VLS_export_64: __VLS_WithSlots_28<typeof __VLS_base_28, __VLS_Slots_28>;
+declare const __VLS_export_67: __VLS_WithSlots_29<typeof __VLS_base_29, __VLS_Slots_29>;
 
-declare const __VLS_export_65: DefineComponent<__VLS_Props_64, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+declare const __VLS_export_68: DefineComponent<__VLS_Props_67, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
     "update:modelValue": (value: string | number) => any;
-}, string, PublicProps, Readonly<__VLS_Props_64> & Readonly<{
+}, string, PublicProps, Readonly<__VLS_Props_67> & Readonly<{
     "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
 }>, {
     rows: number;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-declare const __VLS_export_66: __VLS_WithSlots_29<typeof __VLS_base_29, __VLS_Slots_29>;
-
-declare const __VLS_export_67: __VLS_WithSlots_30<typeof __VLS_base_30, __VLS_Slots_30>;
-
-declare const __VLS_export_68: __VLS_WithSlots_31<typeof __VLS_base_31, __VLS_Slots_31>;
-
-declare const __VLS_export_69: __VLS_WithSlots_32<typeof __VLS_base_32, __VLS_Slots_32>;
+declare const __VLS_export_69: __VLS_WithSlots_30<typeof __VLS_base_30, __VLS_Slots_30>;
 
 declare const __VLS_export_7: DefineComponent<__VLS_Props_7, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
     "update:modelValue": (value: number) => any;
@@ -583,25 +621,31 @@ declare const __VLS_export_7: DefineComponent<__VLS_Props_7, {}, {}, {}, {}, Com
     label: string;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-declare const __VLS_export_70: __VLS_WithSlots_33<typeof __VLS_base_33, __VLS_Slots_33>;
+declare const __VLS_export_70: __VLS_WithSlots_31<typeof __VLS_base_31, __VLS_Slots_31>;
+
+declare const __VLS_export_71: __VLS_WithSlots_32<typeof __VLS_base_32, __VLS_Slots_32>;
 
-declare const __VLS_export_71: __VLS_WithSlots_34<typeof __VLS_base_34, __VLS_Slots_34>;
+declare const __VLS_export_72: __VLS_WithSlots_33<typeof __VLS_base_33, __VLS_Slots_33>;
 
-declare const __VLS_export_72: DefineComponent<__VLS_Props_71, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+declare const __VLS_export_73: __VLS_WithSlots_34<typeof __VLS_base_34, __VLS_Slots_34>;
+
+declare const __VLS_export_74: __VLS_WithSlots_35<typeof __VLS_base_35, __VLS_Slots_35>;
+
+declare const __VLS_export_75: DefineComponent<__VLS_Props_74, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
     "update:modelValue": (value: boolean) => any;
-}, string, PublicProps, Readonly<__VLS_Props_71> & Readonly<{
+}, string, PublicProps, Readonly<__VLS_Props_74> & Readonly<{
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
 }>, {
     size: "s" | "m";
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-declare const __VLS_export_73: DefineComponent<__VLS_Props_72, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+declare const __VLS_export_76: DefineComponent<__VLS_Props_75, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
     "update:modelValue": (value: string[]) => any;
-}, string, PublicProps, Readonly<__VLS_Props_72> & Readonly<{
+}, string, PublicProps, Readonly<__VLS_Props_75> & Readonly<{
     "onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
 }>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-declare const __VLS_export_74: __VLS_WithSlots_35<typeof __VLS_base_35, __VLS_Slots_35>;
+declare const __VLS_export_77: __VLS_WithSlots_36<typeof __VLS_base_36, __VLS_Slots_36>;
 
 declare const __VLS_export_8: __VLS_WithSlots_6<typeof __VLS_base_6, __VLS_Slots_6>;
 
@@ -830,6 +874,21 @@ declare type __VLS_Props_15 = {
      * Array of options to display in the listbox.
      */
     options: Array<ListboxOption>;
+    /**
+     * Accessible label for the combobox trigger button. Should describe what
+     * the combobox selects (e.g. "Select a country").
+     */
+    controlAriaLabel?: string;
+    /**
+     * Accessible label for the clear selection button.
+     */
+    clearAriaLabel?: string;
+    /**
+     * Controls the open state of the listbox. When provided, the component operates in controlled
+     * mode and delegates open/close decisions to the parent via `v-model:open`. When omitted, the
+     * component manages its own open state internally.
+     */
+    open?: boolean;
 };
 
 /**
@@ -1193,8 +1252,9 @@ declare type __VLS_Props_28 = {
     iconPosition?: 'left' | 'right';
     /**
      * Allows to define the link appearance.
+     * `standard` value is deprecated and will be removed in the next major release. Use `primary` instead.
      */
-    appearance?: 'secondary' | 'accent' | 'inverse' | 'standard';
+    appearance?: 'primary' | 'secondary' | 'accent' | 'inverse' | /** @deprecated Use 'primary' instead */ 'standard';
     /**
      * Allows to define the link size.
      */
@@ -1334,9 +1394,63 @@ declare type __VLS_Props_33 = {
 };
 
 /**
- * An overlay is a semi-transparent layer that appears on top of the main content, typically used to dim the background and focus user attention on a specific element. It is often combined with modals, popovers, or loading states to create a visual separation between the foreground and background. Overlays help prevent unintended interactions while keeping the primary content accessible.
+ * An Option Listbox is a customizable, accessible listbox component designed to power dropdowns and comboboxes with advanced selection capabilities. It supports single or multiple selection, optional search, grouped options with section headers, and full keyboard navigation.
  */
 declare type __VLS_Props_34 = {
+    /**
+     * The current selected value(s) of the listbox.
+     */
+    modelValue: string | number | null | (string | number)[];
+    /**
+     * Unique identifier for the listbox.
+     */
+    id: string;
+    /**
+     * Whether the listbox is open.
+     */
+    open?: boolean;
+    /**
+     * Enable multiple selection.
+     */
+    multiple?: boolean;
+    /**
+     * Make the listbox read-only.
+     */
+    readonly?: boolean;
+    /**
+     * Show a search input above the options.
+     */
+    search?: boolean;
+    /**
+     * Show select all / clear buttons when multiple.
+     */
+    actions?: boolean;
+    /**
+     * Enable checkable section headers.
+     */
+    checkableSections?: boolean;
+    /**
+     * Placeholder text for the search input.
+     */
+    searchPlaceholder?: string;
+    /**
+     * Label for the "Select all" button.
+     */
+    selectLabel?: string;
+    /**
+     * Label for the "Clear selection" button.
+     */
+    clearLabel?: string;
+    /**
+     * Array of options and sections to display in the listbox.
+     */
+    options: Array<ListboxOption>;
+};
+
+/**
+ * An overlay is a semi-transparent layer that appears on top of the main content, typically used to dim the background and focus user attention on a specific element. It is often combined with modals, popovers, or loading states to create a visual separation between the foreground and background. Overlays help prevent unintended interactions while keeping the primary content accessible.
+ */
+declare type __VLS_Props_35 = {
     /**
      * Controls the visibility of the overlay.
      */
@@ -1350,7 +1464,7 @@ declare type __VLS_Props_34 = {
 /**
  * The Page Header is a fundamental component that structures the top part of an interface, serving as a cognitive anchor point for users. It establishes page context, facilitates navigation, and provides the main actions available within the current scope.
  */
-declare type __VLS_Props_35 = {
+declare type __VLS_Props_36 = {
     /**
      * Main title displayed in the page header.
      */
@@ -1377,10 +1491,56 @@ declare type __VLS_Props_35 = {
     extraInfo?: string;
 };
 
+/**
+ * The Page Header Context component provides a compact context switcher integrated in the page header.
+ * It allows selecting a single context or multiple contexts from a list of options.
+ */
+declare type __VLS_Props_37 = {
+    /**
+     * Current selected value.
+     */
+    modelValue: string | number | null | (string | number)[];
+    /**
+     * Fallback label displayed when no option is selected, or main label in multiple mode.
+     */
+    label?: string;
+    /**
+     * Enables multiple selection mode.
+     */
+    multiple?: boolean;
+    /**
+     * Available options in the context switcher list.
+     */
+    options: Array<{
+        /**
+         * Option label displayed in the list.
+         */
+        label: string;
+        /**
+         * Option value emitted on selection.
+         */
+        value: string | number;
+    }>;
+};
+
+/**
+ * The Page Header Feature component renders a clickable feature item in the page header action area.
+ */
+declare type __VLS_Props_38 = {
+    /**
+     * Text label displayed for the feature item.
+     */
+    label: string;
+    /**
+     * Icon component displayed next to the feature label.
+     */
+    icon: Component;
+};
+
 /**
  * Pagination is a navigation component that allows users to browse through large sets of content by dividing it into discrete pages. It typically includes previous and next buttons, numeric page selectors, or dropdowns to jump between pages efficiently. Pagination improves usability and performance in content-heavy applications such as tables, search results, and articles by preventing long scrolls and reducing page load times.
  */
-declare type __VLS_Props_36 = {
+declare type __VLS_Props_39 = {
     /**
      * A unique identifier for the pagination.
      */
@@ -1407,10 +1567,53 @@ declare type __VLS_Props_36 = {
     selectLabel?: string;
 };
 
+/**
+ * An action list is a contextual menu that presents a list of available actions related to a specific element or interface area. It allows users to quickly access functions such as editing, sharing, deleting, or navigating to sub-actions. Action Lists are commonly triggered by buttons, icons (e.g., three-dot menus), or right-click interactions, ensuring a clean and efficient UI.
+ */
+declare type __VLS_Props_4 = {
+    /**
+     * title displayed in mobile version.
+     */
+    title?: string;
+    /**
+     * Defines the position of the listbox relative to its trigger or container.
+     */
+    position?: 'top' | 'bottom' | 'left' | 'right';
+    /**
+     * An array of objects that allows you to provide all the data needed to generate the content for each item.
+     */
+    items: Array<{
+        /**
+         * Unique identifier for the item.
+         */
+        id?: string;
+        /**
+         * The icon displayed for the item from Mozaic-icon-vue.
+         */
+        icon?: Component;
+        /**
+         * The label displayed for the item.
+         */
+        label: string;
+        /**
+         * If `true`, the item will be disabled.
+         */
+        disabled?: boolean;
+        /**
+         * Allows to define the item appearance.
+         */
+        appearance?: 'standard' | 'danger';
+        /**
+         * Add a divider on top of the item.
+         */
+        divider?: boolean;
+    }>;
+};
+
 /**
  * A password input is a specialized input field used to securely enter and manage passwords. It typically masks the characters entered to protect sensitive information from being seen. It includes a toggle button to show or hide the password, improving usability while maintaining security. Password inputs are commonly used in login forms, account creation, and authentication flows.
  */
-declare type __VLS_Props_37 = {
+declare type __VLS_Props_40 = {
     /**
      * A unique identifier for the password input element, used to associate the label with the form element.
      */
@@ -1459,7 +1662,7 @@ declare type __VLS_Props_37 = {
 /**
  * A phone number input is a specialized input field designed to capture and validate phone numbers, ensuring correct formatting based on country-specific dialing codes. It often includes a country selector that automatically adjusts the international dialing code. This component improves user experience by standardizing phone number entries, reducing errors, and facilitating global compatibility. It is commonly used in registration forms, authentication flows, and contact information fields.
  */
-declare type __VLS_Props_38 = {
+declare type __VLS_Props_41 = {
     /**
      * A unique identifier for the phone number input element, used to associate the label with the form element.
      */
@@ -1513,7 +1716,7 @@ declare type __VLS_Props_38 = {
 /**
  * A pincode input is a specialized input field used to enter short numeric codes, such as verification codes, security PINs, or authentication tokens. It typically separates each digit into individual fields to improve readability and ease of entry. This component is commonly used in two-factor authentication (2FA), password recovery, and secure access flows, ensuring a structured and user-friendly experience.<br><br> To put a label, requierement text, help text or to apply a valid or invalid message, the examples are available in the [Field section](/docs/form-elements-field--docs#input).
  */
-declare type __VLS_Props_39 = {
+declare type __VLS_Props_42 = {
     /**
      * A unique identifier for the pincode element, used to associate the label with the form element.
      */
@@ -1544,53 +1747,10 @@ declare type __VLS_Props_39 = {
     readonly?: boolean;
 };
 
-/**
- * An action list is a contextual menu that presents a list of available actions related to a specific element or interface area. It allows users to quickly access functions such as editing, sharing, deleting, or navigating to sub-actions. Action Lists are commonly triggered by buttons, icons (e.g., three-dot menus), or right-click interactions, ensuring a clean and efficient UI.
- */
-declare type __VLS_Props_4 = {
-    /**
-     * title displayed in mobile version.
-     */
-    title?: string;
-    /**
-     * Defines the position of the listbox relative to its trigger or container.
-     */
-    position?: 'top' | 'bottom' | 'left' | 'right';
-    /**
-     * An array of objects that allows you to provide all the data needed to generate the content for each item.
-     */
-    items: Array<{
-        /**
-         * Unique identifier for the item.
-         */
-        id?: string;
-        /**
-         * The icon displayed for the item from Mozaic-icon-vue.
-         */
-        icon?: Component;
-        /**
-         * The label displayed for the item.
-         */
-        label: string;
-        /**
-         * If `true`, the item will be disabled.
-         */
-        disabled?: boolean;
-        /**
-         * Allows to define the item appearance.
-         */
-        appearance?: 'standard' | 'danger';
-        /**
-         * Add a divider on top of the item.
-         */
-        divider?: boolean;
-    }>;
-};
-
 /**
  * A popover is a small overlay that appears above other content, typically triggered by a user interaction such as clicking or hovering over an element. It is used to display contextual information, additional actions, or interactive content without navigating away from the main interface. Popovers often include a title, description, and action buttons, and they automatically close when clicking outside or selecting an action.
  */
-declare type __VLS_Props_40 = {
+declare type __VLS_Props_43 = {
     /**
      * Allows to define the popover appearance.
      */
@@ -1625,7 +1785,7 @@ declare type __VLS_Props_40 = {
 /**
  * A quantity selector is an input component that allows users to increment or decrement a numeric value, typically using plus (+) and minus (−) buttons. It provides a simple and efficient way to adjust quantities without manual typing, ensuring controlled input. This component is commonly used in e-commerce, inventory management, and settings where users need to specify amounts.
  */
-declare type __VLS_Props_41 = {
+declare type __VLS_Props_44 = {
     /**
      * A unique identifier for the quantity selector element, used to associate the label with the form element.
      */
@@ -1679,7 +1839,7 @@ declare type __VLS_Props_41 = {
 /**
  * A radio button is a selection control that allows users to choose a single option from a list of mutually exclusive choices. Unlike checkboxes, only one option can be selected at a time within the same group. Radio Buttons are commonly used in forms, surveys, and settings where a single choice must be made.
  */
-declare type __VLS_Props_42 = {
+declare type __VLS_Props_45 = {
     /**
      * A unique identifier for the radio, used to associate the label with the form element.
      */
@@ -1709,7 +1869,7 @@ declare type __VLS_Props_42 = {
 /**
  * A radio button is a selection control that allows users to choose a single option from a list of mutually exclusive choices. Unlike checkboxes, only one option can be selected at a time within the same group. Radio Buttons are commonly used in forms, surveys, and settings where a single choice must be made.<br><br> To put a label, requierement text, help text or to apply a valid or invalid message, the examples are available in the [Field Group section](/docs/form-elements-field-group--docs#radio-group).
  */
-declare type __VLS_Props_43 = {
+declare type __VLS_Props_46 = {
     /**
      * The name attribute for the radio element, typically used for form submission.
      */
@@ -1741,7 +1901,7 @@ declare type __VLS_Props_43 = {
 /**
  * A Segmented Control allows users to switch between multiple options or views within a single container. It provides a compact and efficient way to toggle between sections without requiring a dropdown or separate navigation. Segmented Controls are commonly used in filters, tabbed navigation, and content selection to enhance user interaction and accessibility.
  */
-declare type __VLS_Props_44 = {
+declare type __VLS_Props_47 = {
     /**
      * Defines the currently active tab.
      *
@@ -1775,7 +1935,7 @@ declare type __VLS_Props_44 = {
 /**
  * A select component allows users to choose a single option from a predefined list within a native dropdown menu. It helps simplify input by displaying only relevant choices, reducing the need for manual text entry. Select components are commonly used in forms, settings, and filters where structured selection is required.<br><br> To put a label, requierement text, help text or to apply a valid or invalid message, the examples are available in the [Field section](/docs/form-elements-field--docs#select).
  */
-declare type __VLS_Props_45 = {
+declare type __VLS_Props_48 = {
     /**
      * A unique identifier for the select, used to associate the label with the form element.
      */
@@ -1823,17 +1983,31 @@ declare type __VLS_Props_45 = {
 /**
  * A sidebar is a vertical navigation component that provides quick access to key sections and functionalities within an application or website. It contains expandable menus, and shortcuts, allowing users to navigate efficiently while keeping the main content area uncluttered. Sidebars can be collapsible or persistent, adapting to different screen sizes and user preferences. They are commonly used in dashboards, content management systems, and productivity tools.
  */
-declare type __VLS_Props_46 = {
+declare type __VLS_Props_49 = {
     /**
      * the state of the expanded sidebar, bound via v-model.
      */
     modelValue: boolean;
+    /**
+     * Whether to display a right border on the sidebar.
+     */
+    divider?: boolean;
+};
+
+/**
+ * An avatar is a graphical representation of a user, entity, or group, commonly displayed as an image, initials, or an icon. It helps identify individuals or accounts in profiles, comments, chat interfaces, and user lists. Avatars can be customized with different styles, sizes, and fallback options (such as initials or placeholders) to ensure consistency and recognition across interfaces. When multiple users are represented, Avatar groups provide a compact way to display them collectively.
+ */
+declare type __VLS_Props_5 = {
+    /**
+     * Allows to define the avatar size.
+     */
+    size?: 's' | 'm' | 'l';
 };
 
 /**
  * SidebarExpandableItem is a component that renders a sidebar item which can either expand to show a nested submenu or display a floating menu when the sidebar is collapsed. It supports optional icons, keyboard navigation, and accessibility attributes, and allows for custom submenu items via slots.
  */
-declare type __VLS_Props_47 = {
+declare type __VLS_Props_50 = {
     /**
      * The text displayed for the sidebar item in its expanded state.
      */
@@ -1851,7 +2025,7 @@ declare type __VLS_Props_47 = {
 /**
  * SidebarFooter is a component that renders the footer of a sidebar. It can display a user profile with an optional avatar, title, subtitle, and link, and includes a button to expand or collapse the sidebar.
  */
-declare type __VLS_Props_48 = {
+declare type __VLS_Props_51 = {
     /**
      * The main text or name displayed in the sidebar footer profile.
      */
@@ -1877,7 +2051,7 @@ declare type __VLS_Props_48 = {
 /**
  * SidebarHeader is a component that renders the header of a sidebar, displaying a logo and a main title.
  */
-declare type __VLS_Props_49 = {
+declare type __VLS_Props_52 = {
     /**
      * The main title text displayed in the sidebar header.
      */
@@ -1888,20 +2062,10 @@ declare type __VLS_Props_49 = {
     logo: string;
 };
 
-/**
- * An avatar is a graphical representation of a user, entity, or group, commonly displayed as an image, initials, or an icon. It helps identify individuals or accounts in profiles, comments, chat interfaces, and user lists. Avatars can be customized with different styles, sizes, and fallback options (such as initials or placeholders) to ensure consistency and recognition across interfaces. When multiple users are represented, Avatar groups provide a compact way to display them collectively.
- */
-declare type __VLS_Props_5 = {
-    /**
-     * Allows to define the avatar size.
-     */
-    size?: 's' | 'm' | 'l';
-};
-
 /**
  * SidebarNavItem is a component that renders a sidebar navigation item with optional icon support. It handles active, locked, and external states, shows tooltips or floating items when the sidebar is collapsed, and supports click events.
  */
-declare type __VLS_Props_50 = {
+declare type __VLS_Props_53 = {
     tag?: string;
     /**
      * The text label displayed for the navigation item.
@@ -1915,6 +2079,10 @@ declare type __VLS_Props_50 = {
      * The URL the navigation item links to.
      */
     href?: string;
+    /**
+     * If defined, the item will act as a router-link to the specified route.
+     */
+    to?: string;
     /**
      * Marks the item as locked. Shows a lock icon and prevents interaction.
      */
@@ -1932,7 +2100,7 @@ declare type __VLS_Props_50 = {
 /**
  * SidebarShortcutItem is a component that renders a sidebar shortcut link with an optional icon and label, providing quick access to a specific URL.
  */
-declare type __VLS_Props_51 = {
+declare type __VLS_Props_54 = {
     /**
      * The text label displayed for the shortcut item.
      */
@@ -1940,7 +2108,15 @@ declare type __VLS_Props_51 = {
     /**
      * The URL the shortcut item links to.
      */
-    href: string;
+    href?: string;
+    /**
+     * If defined, the item will act as a router-link to the specified route.
+     */
+    to?: string;
+    /**
+     * Indicates the link is external and opens in a new tab.
+     */
+    external?: boolean;
     /**
      * Optional icon component displayed alongside the label.
      */
@@ -1950,7 +2126,7 @@ declare type __VLS_Props_51 = {
 /**
  * SidebarShortcuts is a component that displays a list of sidebar shortcut items. It supports stacked or grid layouts, shows a floating overlay when the sidebar is collapsed, and allows custom shortcut items via slots.
  */
-declare type __VLS_Props_52 = {
+declare type __VLS_Props_55 = {
     /**
      * Determines the layout of the sidebar shortcuts. When true, the shortcuts are displayed in a vertical stacked list. When false or not provided, the shortcuts are arranged in a grid layout.
      */
@@ -1960,7 +2136,7 @@ declare type __VLS_Props_52 = {
 /**
  * A Star rating visually represents a score or evaluation and can be used to display a rating or allow users to rate an item, such as a product or service. It serves two main purposes: collecting user feedback by enabling individuals to express their experience and providing social proof by displaying ratings from other users to assist decision-making. Rating Stars are commonly found in e-commerce, review systems, and feedback interfaces, offering a quick and intuitive way to assess quality or satisfaction.
  */
-declare type __VLS_Props_53 = {
+declare type __VLS_Props_56 = {
     /**
      * Determines whether the rating is interactive or read-only.
      * When true, all user interactions (click, hover, keyboard) are disabled.
@@ -2007,11 +2183,15 @@ declare type __VLS_Props_53 = {
 /**
  * A Status Badge is used to indicate the current status of an element, providing a clear and concise visual cue. The status can change dynamically based on updates, events, or conditions within the system. Status Badges help users quickly identify the state of an item, such as an order status, system health, or process completion. They are often color-coded to enhance readability and recognition.
  */
-declare type __VLS_Props_54 = {
+declare type __VLS_Props_57 = {
     /**
      * Content of the status badge
      */
     label: string;
+    /**
+     * Allows to define the status badge size
+     */
+    size?: 's' | 'm';
     /**
      * Allows to define the status badge type
      */
@@ -2021,7 +2201,7 @@ declare type __VLS_Props_54 = {
 /**
  * A Status dot is a small visual indicator used to represent the state or condition of an element. It is often color-coded to convey different statuses at a glance, such as availability, activity, or urgency. Status Dots are commonly found in user presence indicators, system statuses, or process tracking to provide quick, unobtrusive feedback.
  */
-declare type __VLS_Props_55 = {
+declare type __VLS_Props_58 = {
     /**
      * Allows to define the status dot type.
      */
@@ -2035,7 +2215,7 @@ declare type __VLS_Props_55 = {
 /**
  * A Status Message is a compact component that combines an icon and concise text to communicate system states or user feedback in limited interface space. The icon and message work together as a unified structure to provide clear, immediate understanding of the current status. Status Messages are designed for contexts where space is constrained but clear communication is essential, offering quick recognition through color-coded icons paired with brief, actionable text.
  */
-declare type __VLS_Props_56 = {
+declare type __VLS_Props_59 = {
     /**
      * Allows to define the status message style.
      */
@@ -2051,10 +2231,37 @@ declare type __VLS_Props_56 = {
     label: string;
 };
 
+/**
+ * A breadcrumb is a navigation help that displays the hierarchical path of the current page within a website or application. It helps users understand their location and allows them to navigate back to previous levels easily. Breadcrumbs improve usability and accessibility, especially in multi-level websites, dashboards, and e-commerce platforms.
+ */
+declare type __VLS_Props_6 = {
+    /**
+     * Allows to define the breadcrumb appearance.
+     */
+    appearance?: 'standard' | 'inverse';
+    /**
+     * Links of the breadcrumb.
+     */
+    links: Array<{
+        /**
+         * The label displayed for the link.
+         */
+        label: string;
+        /**
+         * URL for the link (for external links or the `to` prop for `router-link`).
+         */
+        href: string;
+        /**
+         * If `true`, the link will be rendered as a `router-link` for internal navigation (Vue Router).
+         */
+        router?: boolean;
+    }>;
+};
+
 /**
  * A Status Notification is used to draw the user’s attention to important information that needs to be acknowledged. It often provides feedback on a process, highlights a status update, or alerts users about an issue. Notifications are typically triggered by user actions or system events and are designed to be easily noticeable while maintaining a non-intrusive experience.
  */
-declare type __VLS_Props_57 = {
+declare type __VLS_Props_60 = {
     /**
      * Title of the status notification.
      */
@@ -2076,7 +2283,7 @@ declare type __VLS_Props_57 = {
 /**
  * A stepper bottom bar is a persistent navigation component used to guide users through a multi-step process. It typically includes “Previous” and “Next” buttons, along with optional actions such as “Cancel” or “Validate”, ensuring a structured flow. This component is commonly used in forms, onboarding sequences, and checkout processes, improving usability by keeping navigation actions always accessible.
  */
-declare type __VLS_Props_58 = {
+declare type __VLS_Props_61 = {
     /**
      * Current step of the stepper compact.
      */
@@ -2110,7 +2317,7 @@ declare type __VLS_Props_58 = {
 /**
  * A stepper is a navigation component that guides users through a sequence of steps in a structured process. It visually represents progress, completed steps, and upcoming steps, helping users understand their position within a workflow. Steppers are commonly used in multi-step forms, onboarding flows, checkout processes, and task completion sequences to improve clarity and reduce cognitive load.
  */
-declare type __VLS_Props_59 = {
+declare type __VLS_Props_62 = {
     /**
      * Current step of the stepper compact.
      */
@@ -2129,37 +2336,10 @@ declare type __VLS_Props_59 = {
     description?: string;
 };
 
-/**
- * A breadcrumb is a navigation help that displays the hierarchical path of the current page within a website or application. It helps users understand their location and allows them to navigate back to previous levels easily. Breadcrumbs improve usability and accessibility, especially in multi-level websites, dashboards, and e-commerce platforms.
- */
-declare type __VLS_Props_6 = {
-    /**
-     * Allows to define the breadcrumb appearance.
-     */
-    appearance?: 'standard' | 'inverse';
-    /**
-     * Links of the breadcrumb.
-     */
-    links: Array<{
-        /**
-         * The label displayed for the link.
-         */
-        label: string;
-        /**
-         * URL for the link (for external links or the `to` prop for `router-link`).
-         */
-        href: string;
-        /**
-         * If `true`, the link will be rendered as a `router-link` for internal navigation (Vue Router).
-         */
-        router?: boolean;
-    }>;
-};
-
 /**
  * A stepper is a navigation component that guides users through a sequence of steps in a structured process. It visually represents progress, completed steps, and upcoming steps, helping users understand their position within a workflow. Steppers are commonly used in multi-step forms, onboarding flows, checkout processes, and task completion sequences to improve clarity and reduce cognitive load.
  */
-declare type __VLS_Props_60 = {
+declare type __VLS_Props_63 = {
     /**
      * Defines the currently active step.
      *
@@ -2190,7 +2370,7 @@ declare type __VLS_Props_60 = {
 /**
  * A stepper is a navigation component that guides users through a sequence of steps in a structured process. It visually represents progress, completed steps, and upcoming steps, helping users understand their position within a workflow. Steppers are commonly used in multi-step forms, onboarding flows, checkout processes, and task completion sequences to improve clarity and reduce cognitive load.
  */
-declare type __VLS_Props_61 = {
+declare type __VLS_Props_64 = {
     /**
      * Defines the currently active step.
      *
@@ -2221,11 +2401,15 @@ declare type __VLS_Props_61 = {
 /**
  * Tabs are a navigation component that allows users to switch between different sections within the same context. They help organize content efficiently by displaying only one section at a time, reducing clutter and improving accessibility. Tabs can include icons, labels, and notification badges to provide additional context. They are commonly used in dashboards, product management, and settings interfaces.
  */
-declare type __VLS_Props_62 = {
+declare type __VLS_Props_65 = {
     /**
      * A description indicating the purpose of the set of tabs. Useful for improving the accessibility of the component.
      */
     description?: string;
+    /**
+     * Defines the size of the tab.
+     */
+    size?: 's' | 'm';
     /**
      * If `true`, the divider will appear.
      */
@@ -2271,7 +2455,7 @@ declare type __VLS_Props_62 = {
 /**
  * A Tag is a UI element used to filter data, categorize, select or deselect an option. It can appear standalone, in a group, or embedded within other components. Depending on its use, a tag can be interactive (clickable, removable, selectable) or static (serving as a visual indicator).
  */
-declare type __VLS_Props_63 = {
+declare type __VLS_Props_66 = {
     /**
      * Defines the behavior and layout of the tag.
      */
@@ -2313,7 +2497,7 @@ declare type __VLS_Props_63 = {
 /**
  * A text area is an input designed for multi-line text entry, allowing users to input longer content compared to a standard text input. It is commonly used for comments, feedback, descriptions, and messaging. Text areas can be resizable or fixed in height, depending on the context, and often include placeholder text, character limits, and validation messages to guide users.<br><br> To put a label, requierement text, help text or to apply a valid or invalid message, the examples are available in the [Field section](/docs/form-elements-field--docs#textarea).
  */
-declare type __VLS_Props_64 = {
+declare type __VLS_Props_67 = {
     /**
      * A unique identifier for the textarea, used to associate the label with the form element.
      */
@@ -2359,7 +2543,7 @@ declare type __VLS_Props_64 = {
 /**
  * A text input is a single-line input that allows users to enter and edit short text-based content. It is commonly used for names, email addresses, search queries, and form entries. Text Inputs often include placeholders, validation rules, and assistive text to guide users and ensure accurate data entry.<br><br> To put a label, requierement text, help text or to apply a valid or invalid message, the examples are available in the [Field section](/docs/form-elements-field--docs#input).
  */
-declare type __VLS_Props_65 = {
+declare type __VLS_Props_68 = {
     /**
      * A unique identifier for the input element, used to associate the label with the form element.
      */
@@ -2417,7 +2601,7 @@ declare type __VLS_Props_65 = {
 /**
  * A tile is a container component used to group related content and actions within a structured layout. It provides a clickable or static area that can display text, images, icons, or interactive elements. Tiles are commonly used to present key information, navigate to detailed views, or trigger specific actions in dashboards, cards, and grid-based layouts. Their adaptable design allows them to accommodate various content types while maintaining a consistent and organized interface.
  */
-declare type __VLS_Props_66 = {
+declare type __VLS_Props_69 = {
     /**
      * Defines the visual style of the tile.
      */
@@ -2428,10 +2612,30 @@ declare type __VLS_Props_66 = {
     bordered?: boolean;
 };
 
+declare type __VLS_Props_7 = {
+    /**
+     * Specifies the key of the currently selected menu item. It allows the component to highlight or style the corresponding item to indicate it is selected or currently in use.
+     */
+    modelValue?: number;
+    /**
+     * Defines the menu items, each of which can include an icon and act as a button, link, or router-link.
+     */
+    items: MenuItem[];
+    /**
+     * When enabled, adds a visible border around the wrapper to highlight or separate its content.
+     */
+    outlined?: boolean;
+    /**
+     * Accessible label for the navigation landmark. Should describe the purpose
+     * of this menu to distinguish it from other navigations on the page.
+     */
+    label?: string;
+};
+
 /**
  * A tile is a container component used to group related content and actions within a structured layout. It provides a clickable or static area that can display text, images, icons, or interactive elements. Tiles are commonly used to present key information, navigate to detailed views, or trigger specific actions in dashboards, cards, and grid-based layouts. Their adaptable design allows them to accommodate various content types while maintaining a consistent and organized interface.
  */
-declare type __VLS_Props_67 = {
+declare type __VLS_Props_70 = {
     /**
      * Defines the visual style of the tile.
      */
@@ -2463,7 +2667,7 @@ declare type __VLS_Props_67 = {
 /**
  * A tile is a container component used to group related content and actions within a structured layout. It provides a clickable or static area that can display text, images, icons, or interactive elements. Tiles are commonly used to present key information, navigate to detailed views, or trigger specific actions in dashboards, cards, and grid-based layouts. Their adaptable design allows them to accommodate various content types while maintaining a consistent and organized interface.
  */
-declare type __VLS_Props_68 = {
+declare type __VLS_Props_71 = {
     /**
      * Defines the visual style of the tile.
      */
@@ -2485,7 +2689,7 @@ declare type __VLS_Props_68 = {
 /**
  * A tile is a container component used to group related content and actions within a structured layout. It provides a clickable or static area that can display text, images, icons, or interactive elements. Tiles are commonly used to present key information, navigate to detailed views, or trigger specific actions in dashboards, cards, and grid-based layouts. Their adaptable design allows them to accommodate various content types while maintaining a consistent and organized interface.
  */
-declare type __VLS_Props_69 = {
+declare type __VLS_Props_72 = {
     /**
      * The current value of the tile (selected or not).
      */
@@ -2510,32 +2714,16 @@ declare type __VLS_Props_69 = {
      * If `true`, hides the input and makes the whole tile selectable.
      */
     hideInput?: boolean;
-};
-
-declare type __VLS_Props_7 = {
-    /**
-     * Specifies the key of the currently selected menu item. It allows the component to highlight or style the corresponding item to indicate it is selected or currently in use.
-     */
-    modelValue?: number;
     /**
-     * Defines the menu items, each of which can include an icon and act as a button, link, or router-link.
-     */
-    items: MenuItem[];
-    /**
-     * When enabled, adds a visible border around the wrapper to highlight or separate its content.
-     */
-    outlined?: boolean;
-    /**
-     * Accessible label for the navigation landmark. Should describe the purpose
-     * of this menu to distinguish it from other navigations on the page.
+     * Determines how the tile expansion is triggered.
      */
-    label?: string;
+    trigger?: 'container' | 'input';
 };
 
 /**
  * A toaster is a temporary notification that appears briefly on the screen to provide feedback or updates without interrupting the user’s workflow. It is commonly used for success messages, warnings, errors, or informational updates. Toasters can disappear automatically after a few seconds, be dismissed manually via a close button, or be removed when the user performs a relevant action. They typically include an icon, a short message, and an optional close button for better usability.
  */
-declare type __VLS_Props_70 = {
+declare type __VLS_Props_73 = {
     /**
      * If `true`, display the Toaster.
      */
@@ -2569,7 +2757,7 @@ declare type __VLS_Props_70 = {
 /**
  * A toggle is a switch component that allows users to enable or disable a setting, representing a binary state such as on/off or active/inactive. It provides a quick and intuitive way to control preferences or system settings. Toggles are commonly used in settings menus, dark mode switches, and feature activations, offering an alternative to checkboxes for immediate visual feedback.
  */
-declare type __VLS_Props_71 = {
+declare type __VLS_Props_74 = {
     /**
      * A unique identifier for the toggle, used to associate the label with the form element.
      */
@@ -2599,7 +2787,7 @@ declare type __VLS_Props_71 = {
 /**
  * A toggle is a switch component that allows users to enable or disable a setting, representing a binary state such as on/off or active/inactive. It provides a quick and intuitive way to control preferences or system settings. Toggles are commonly used in settings menus, dark mode switches, and feature activations, offering an alternative to checkboxes for immediate visual feedback.<br><br> To put a label, requierement text, help text or to apply a valid or invalid message, the examples are available in the [Field Group section](/docs/form-elements-field-group--docs#toggle-group).
  */
-declare type __VLS_Props_72 = {
+declare type __VLS_Props_75 = {
     /**
      * The name attribute for the toggle element, typically used for form submission.
      */
@@ -2628,7 +2816,7 @@ declare type __VLS_Props_72 = {
 /**
  * A tooltip is a small, contextual message that appears when users hover over, focus on, or tap an element, providing additional information or guidance without cluttering the interface. Tooltips are commonly used to explain icons, abbreviations, or complex actions. They typically disappear automatically when the user moves away from the trigger element.
  */
-declare type __VLS_Props_73 = {
+declare type __VLS_Props_76 = {
     /**
      * A unique identifier for the tooltip, used to describe the tooltip.
      */
@@ -2712,7 +2900,7 @@ declare type __VLS_Props_9 = {
     tag?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
 };
 
-declare type __VLS_PublicProps = __VLS_Props_53 & __VLS_ModelProps;
+declare type __VLS_PublicProps = __VLS_Props_56 & __VLS_ModelProps;
 
 declare type __VLS_Slots = {
     /**
@@ -2840,17 +3028,30 @@ declare type __VLS_Slots_2 = {
 };
 
 declare type __VLS_Slots_20 = {
+    /**
+     * Use this slot to customize the content of each item.
+     */
+    item(props: {
+        item: ListboxOption;
+    }): VNode;
+};
+
+declare type __VLS_Slots_21 = {
     /**
      * Use this slot to insert a centered content inside the overlay.
      */
     default?: VNode;
 };
 
-declare type __VLS_Slots_21 = {
+declare type __VLS_Slots_22 = {
     /**
-     * Use this slot to insert action items in the top content.
+     * Use this slot to insert feature items in the top content.
      */
     actions?: VNode;
+    /**
+     * Use this slot to insert context switcher component.
+     */
+    context?: VNode;
     /**
      * Use this slot to insert any content below the Page Header top content.
      */
@@ -2861,7 +3062,7 @@ declare type __VLS_Slots_21 = {
     tabs?: VNode;
 };
 
-declare type __VLS_Slots_22 = {
+declare type __VLS_Slots_23 = {
     /**
      * Main content of the popover.
      */
@@ -2881,7 +3082,7 @@ declare type __VLS_Slots_22 = {
     footer?: VNode;
 };
 
-declare type __VLS_Slots_23 = {
+declare type __VLS_Slots_24 = {
     /**
      * Slot for the sidebar header. Should contain an `MSidebarHeader` component.
      */
@@ -2901,44 +3102,43 @@ declare type __VLS_Slots_23 = {
     footer: VNode[];
 };
 
-declare type __VLS_Slots_24 = {
+declare type __VLS_Slots_25 = {
     /**
      * Contains one or more MSidebarNavItem components used to render the submenu items.
+     * The slot scope provides a `close` function that can be called to hide the floating menu.
      */
-    default: VNode[];
+    default(props: {
+        close: () => void;
+    }): VNode[];
 };
 
-declare type __VLS_Slots_25 = {
+declare type __VLS_Slots_26 = {
     /**
      * Contains one or more MSidebarNavItem components used to render the profile items.
+     * The slot scope provides a `close` function that can be called to hide the floating menu.
      */
-    default: VNode[];
+    default(props: {
+        close: () => void;
+    }): VNode[];
 };
 
-declare type __VLS_Slots_26 = {
+declare type __VLS_Slots_27 = {
     /**
      * Slot for sidebar shortcut items. Should contain one or more `MSidebarShortcutItem` components.
      */
     default: VNode[];
 };
 
-declare type __VLS_Slots_27 = {
+declare type __VLS_Slots_28 = {
     /**
      * Use this slot to insert a button or a link in the footer
      */
     footer?: VNode;
 };
 
-declare type __VLS_Slots_28 = {
-    /**
-     * Use this slot to insert an icon in the tag.
-     */
-    icon?: VNode;
-};
-
 declare type __VLS_Slots_29 = {
     /**
-     * Use this slot to insert an icon in the input.
+     * Use this slot to insert an icon in the tag.
      */
     icon?: VNode;
 };
@@ -2955,6 +3155,13 @@ declare type __VLS_Slots_3 = {
 };
 
 declare type __VLS_Slots_30 = {
+    /**
+     * Use this slot to insert an icon in the input.
+     */
+    icon?: VNode;
+};
+
+declare type __VLS_Slots_31 = {
     /**
      * Default slot for the main content of the tile.
      */
@@ -2969,7 +3176,7 @@ declare type __VLS_Slots_30 = {
     action?: VNode[];
 };
 
-declare type __VLS_Slots_31 = {
+declare type __VLS_Slots_32 = {
     /**
      * Default slot for the main content of the tile.
      */
@@ -2980,7 +3187,7 @@ declare type __VLS_Slots_31 = {
     icon?: VNode[];
 };
 
-declare type __VLS_Slots_32 = {
+declare type __VLS_Slots_33 = {
     /**
      * Default slot for the main content of the tile.
      */
@@ -2991,7 +3198,7 @@ declare type __VLS_Slots_32 = {
     details?: VNode[];
 };
 
-declare type __VLS_Slots_33 = {
+declare type __VLS_Slots_34 = {
     /**
      * Default slot for the main content of the tile.
      */
@@ -3002,14 +3209,14 @@ declare type __VLS_Slots_33 = {
     details?: VNode[];
 };
 
-declare type __VLS_Slots_34 = {
+declare type __VLS_Slots_35 = {
     /**
      * Use this slot to insert a button or a link in the toaster
      */
     action?: VNode;
 };
 
-declare type __VLS_Slots_35 = {
+declare type __VLS_Slots_36 = {
     /**
      * The tooltip will point to the content of the slot.
      */
@@ -3246,6 +3453,12 @@ declare type __VLS_WithSlots_35<T, S> = T & {
     };
 };
 
+declare type __VLS_WithSlots_36<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
 declare type __VLS_WithSlots_4<T, S> = T & {
     new (): {
         $slots: S;
@@ -3367,9 +3580,6 @@ declare type FileUploaderProps = {
 
 declare function focus_2(): void;
 
-/**
- * An Option Listbox is a customizable, accessible listbox component designed to power dropdowns and comboboxes with advanced selection capabilities. It supports single or multiple selection, optional search, grouped options with section headers, and full keyboard navigation.
- */
 declare type ListboxOption = {
     label: string;
     content?: string;
@@ -3457,85 +3667,91 @@ export declare const MNavigationIndicator: typeof __VLS_export_33;
 
 export declare const MNumberBadge: typeof __VLS_export_34;
 
-export declare const MOverlay: typeof __VLS_export_35;
+export declare const MOptionListbox: typeof __VLS_export_35;
+
+export declare const MOverlay: typeof __VLS_export_36;
+
+export declare const MPageHeader: typeof __VLS_export_37;
+
+export declare const MPageHeaderContext: typeof __VLS_export_38;
 
-export declare const MPageHeader: typeof __VLS_export_36;
+export declare const MPageHeaderFeature: typeof __VLS_export_39;
 
-export declare const MPagination: typeof __VLS_export_37;
+export declare const MPagination: typeof __VLS_export_40;
 
-export declare const MPasswordInput: typeof __VLS_export_38;
+export declare const MPasswordInput: typeof __VLS_export_41;
 
-export declare const MPhoneNumber: typeof __VLS_export_39;
+export declare const MPhoneNumber: typeof __VLS_export_42;
 
-export declare const MPincode: typeof __VLS_export_40;
+export declare const MPincode: typeof __VLS_export_43;
 
-export declare const MPopover: typeof __VLS_export_41;
+export declare const MPopover: typeof __VLS_export_44;
 
-export declare const MQuantitySelector: typeof __VLS_export_42;
+export declare const MQuantitySelector: typeof __VLS_export_45;
 
-export declare const MRadio: typeof __VLS_export_43;
+export declare const MRadio: typeof __VLS_export_46;
 
-export declare const MRadioGroup: typeof __VLS_export_44;
+export declare const MRadioGroup: typeof __VLS_export_47;
 
-export declare const MSegmentedControl: typeof __VLS_export_45;
+export declare const MSegmentedControl: typeof __VLS_export_48;
 
-export declare const MSelect: typeof __VLS_export_46;
+export declare const MSelect: typeof __VLS_export_49;
 
-export declare const MSidebar: typeof __VLS_export_47;
+export declare const MSidebar: typeof __VLS_export_50;
 
-export declare const MSidebarExpandableItem: typeof __VLS_export_48;
+export declare const MSidebarExpandableItem: typeof __VLS_export_51;
 
-export declare const MSidebarFooter: typeof __VLS_export_49;
+export declare const MSidebarFooter: typeof __VLS_export_52;
 
-export declare const MSidebarHeader: typeof __VLS_export_50;
+export declare const MSidebarHeader: typeof __VLS_export_53;
 
-export declare const MSidebarNavItem: typeof __VLS_export_51;
+export declare const MSidebarNavItem: typeof __VLS_export_54;
 
-export declare const MSidebarShortcutItem: typeof __VLS_export_52;
+export declare const MSidebarShortcutItem: typeof __VLS_export_55;
 
-export declare const MSidebarShortcuts: typeof __VLS_export_53;
+export declare const MSidebarShortcuts: typeof __VLS_export_56;
 
-export declare const MStarRating: typeof __VLS_export_54;
+export declare const MStarRating: typeof __VLS_export_57;
 
-export declare const MStatusBadge: typeof __VLS_export_55;
+export declare const MStatusBadge: typeof __VLS_export_58;
 
-export declare const MStatusDot: typeof __VLS_export_56;
+export declare const MStatusDot: typeof __VLS_export_59;
 
-export declare const MStatusMessage: typeof __VLS_export_57;
+export declare const MStatusMessage: typeof __VLS_export_60;
 
-export declare const MStatusNotification: typeof __VLS_export_58;
+export declare const MStatusNotification: typeof __VLS_export_61;
 
-export declare const MStepperBottomBar: typeof __VLS_export_59;
+export declare const MStepperBottomBar: typeof __VLS_export_62;
 
-export declare const MStepperCompact: typeof __VLS_export_60;
+export declare const MStepperCompact: typeof __VLS_export_63;
 
-export declare const MStepperInline: typeof __VLS_export_61;
+export declare const MStepperInline: typeof __VLS_export_64;
 
-export declare const MStepperStacked: typeof __VLS_export_62;
+export declare const MStepperStacked: typeof __VLS_export_65;
 
-export declare const MTabs: typeof __VLS_export_63;
+export declare const MTabs: typeof __VLS_export_66;
 
-export declare const MTag: typeof __VLS_export_64;
+export declare const MTag: typeof __VLS_export_67;
 
-export declare const MTextArea: typeof __VLS_export_65;
+export declare const MTextArea: typeof __VLS_export_68;
 
-export declare const MTextInput: typeof __VLS_export_66;
+export declare const MTextInput: typeof __VLS_export_69;
 
-export declare const MTile: typeof __VLS_export_67;
+export declare const MTile: typeof __VLS_export_70;
 
-export declare const MTileClickable: typeof __VLS_export_68;
+export declare const MTileClickable: typeof __VLS_export_71;
 
-export declare const MTileExpandable: typeof __VLS_export_69;
+export declare const MTileExpandable: typeof __VLS_export_72;
 
-export declare const MTileSelectable: typeof __VLS_export_70;
+export declare const MTileSelectable: typeof __VLS_export_73;
 
-export declare const MToaster: typeof __VLS_export_71;
+export declare const MToaster: typeof __VLS_export_74;
 
-export declare const MToggle: typeof __VLS_export_72;
+export declare const MToggle: typeof __VLS_export_75;
 
-export declare const MToggleGroup: typeof __VLS_export_73;
+export declare const MToggleGroup: typeof __VLS_export_76;
 
-export declare const MTooltip: typeof __VLS_export_74;
+export declare const MTooltip: typeof __VLS_export_77;
 
 declare type NormalizedFile = {
     name: string;