@cnamts/synapse 0.0.3-alpha → 0.0.4-alpha

package/dist/design-system-v3.d.ts

@@ -1,9 +1,16 @@
 import { AxiosResponse } from 'axios';
+import { ColorType } from './types';
 import { ComponentOptionsMixin } from 'vue';
 import { ComponentProvideOptions } from 'vue';
 import { ComputedRef } from 'vue';
+import { DataListGroupItems } from './types';
+import { DataListGroupItems as DataListGroupItems_2 } from '../DataListGroup/types';
+import { DataListIcons } from './types';
+import { DataListIcons as DataListIcons_2 } from '../DataList/types';
+import { DataListItem } from './types';
 import { DefineComponent } from 'vue';
 import { ExtractPropTypes } from 'vue';
+import { IconType } from './types';
 import { LinkItem } from './types';
 import { ListItem } from './types';
 import { PropType } from 'vue';
@@ -11,13 +18,19 @@ import { PublicProps } from 'vue';
 import { Ref } from 'vue';
 import { RouteLocationAsPathGeneric } from 'vue-router';
 import { RouteLocationAsRelativeGeneric } from 'vue-router';
-import { SocialMediaLink } from './types';
-import { SocialMediaLink as SocialMediaLink_2 } from '../SocialMediaLinks/types';
+import { RouteLocationRaw } from 'vue-router';
+import { SocialMediaLink } from '../SocialMediaLinks/types';
+import { SocialMediaLink as SocialMediaLink_2 } from './types';
+import { VariantStyle } from './types';
 
 declare type __VLS_PublicProps = {
     modelValue?: boolean;
 } & typeof __VLS_typeProps;
 
+declare type __VLS_PublicProps_2 = {
+    modelValue?: boolean;
+};
+
 declare let __VLS_typeProps: {
     type?: 'success' | 'info' | 'warning' | 'error';
     closable?: boolean;
@@ -30,6 +43,66 @@ declare type __VLS_WithTemplateSlots<T, S> = T & {
     };
 };
 
+declare type __VLS_WithTemplateSlots_10<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
+declare type __VLS_WithTemplateSlots_11<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
+declare type __VLS_WithTemplateSlots_12<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
+declare type __VLS_WithTemplateSlots_13<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
+declare type __VLS_WithTemplateSlots_14<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
+declare type __VLS_WithTemplateSlots_15<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
+declare type __VLS_WithTemplateSlots_16<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
+declare type __VLS_WithTemplateSlots_17<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
+declare type __VLS_WithTemplateSlots_18<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
+declare type __VLS_WithTemplateSlots_19<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
 declare type __VLS_WithTemplateSlots_2<T, S> = T & {
     new (): {
         $slots: S;
@@ -78,7 +151,7 @@ declare type __VLS_WithTemplateSlots_9<T, S> = T & {
     };
 };
 
-export declare const Alert: __VLS_WithTemplateSlots_2<DefineComponent<__VLS_PublicProps, {
+export declare const Alert: __VLS_WithTemplateSlots<DefineComponent<__VLS_PublicProps, {
 prependIcon: ComputedRef<string>;
 dismissAlert: typeof dismissAlert;
 }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
@@ -94,7 +167,7 @@ variant: "tonal" | "outlined";
     default?(_: {}): any;
 }>;
 
-export declare const BackBtn: __VLS_WithTemplateSlots_6<DefineComponent<    {
+export declare const BackBtn: __VLS_WithTemplateSlots_2<DefineComponent<    {
 hideBackIcon?: boolean | undefined;
 dark?: boolean | undefined;
 }, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{
@@ -105,7 +178,7 @@ dark?: boolean | undefined;
     default?(_: {}): any;
 }>;
 
-export declare const BackToTopBtn: __VLS_WithTemplateSlots_5<DefineComponent<Props & CustomizableOptions, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<Props & CustomizableOptions> & Readonly<{}>, {
+export declare const BackToTopBtn: __VLS_WithTemplateSlots_3<DefineComponent<Props & CustomizableOptions, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<Props & CustomizableOptions> & Readonly<{}>, {
 target: string;
 threshold: number;
 nudgeRight: string | number;
@@ -127,7 +200,7 @@ declare type ComponentsProps = Record<string, PropsList>;
 
 declare function copy(): void;
 
-export declare const CopyBtn: __VLS_WithTemplateSlots_3<DefineComponent<CustomizableOptions & {
+export declare const CopyBtn: __VLS_WithTemplateSlots_4<DefineComponent<CustomizableOptions & {
 ariaLabel?: string | undefined;
 ariaOwns?: string | undefined;
 textToCopy: string | (() => string);
@@ -153,10 +226,344 @@ tooltipDuration: number;
     tooltip?(_: {}): any;
 }>;
 
+export declare const CustomInputSelect: DefineComponent<CustomizableOptions & {
+modelValue?: string | Record<string, unknown> | null | undefined;
+items?: string[] | Record<string, unknown>[] | undefined;
+textKey?: string | undefined;
+valueKey?: string | undefined;
+label?: string | undefined;
+outlined?: boolean | undefined;
+required?: boolean | undefined;
+errorMessages?: string | string[] | undefined;
+}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+"update:modelValue": (...args: any[]) => void;
+}, string, PublicProps, Readonly<CustomizableOptions & {
+modelValue?: string | Record<string, unknown> | null | undefined;
+items?: string[] | Record<string, unknown>[] | undefined;
+textKey?: string | undefined;
+valueKey?: string | undefined;
+label?: string | undefined;
+outlined?: boolean | undefined;
+required?: boolean | undefined;
+errorMessages?: string | string[] | undefined;
+}> & Readonly<{
+"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {
+outlined: boolean;
+modelValue: string | Record<string, unknown> | null;
+label: string;
+items: string[] | Record<string, unknown>[];
+required: boolean;
+textKey: string;
+valueKey: string;
+errorMessages: string | string[];
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+
 declare interface CustomizableOptions {
     vuetifyOptions?: ComponentsProps;
 }
 
+export declare const CustomSelect: DefineComponent<ExtractPropTypes<    {
+modelValue: {
+type: (ObjectConstructor | StringConstructor)[];
+default: null;
+};
+items: {
+type: ArrayConstructor;
+default: () => never[];
+};
+label: {
+type: StringConstructor;
+default: string;
+};
+errorMessages: {
+type: PropType<string | readonly string[]>;
+default: () => never[];
+};
+required: {
+type: BooleanConstructor;
+default: boolean;
+};
+menuId: {
+type: StringConstructor;
+default: string;
+};
+outlined: {
+type: BooleanConstructor;
+default: boolean;
+};
+textKey: {
+type: StringConstructor;
+default: string;
+};
+valueKey: {
+type: StringConstructor;
+default: string;
+};
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+"update:modelValue": (...args: any[]) => void;
+}, string, PublicProps, Readonly<ExtractPropTypes<    {
+modelValue: {
+type: (ObjectConstructor | StringConstructor)[];
+default: null;
+};
+items: {
+type: ArrayConstructor;
+default: () => never[];
+};
+label: {
+type: StringConstructor;
+default: string;
+};
+errorMessages: {
+type: PropType<string | readonly string[]>;
+default: () => never[];
+};
+required: {
+type: BooleanConstructor;
+default: boolean;
+};
+menuId: {
+type: StringConstructor;
+default: string;
+};
+outlined: {
+type: BooleanConstructor;
+default: boolean;
+};
+textKey: {
+type: StringConstructor;
+default: string;
+};
+valueKey: {
+type: StringConstructor;
+default: string;
+};
+}>> & Readonly<{
+"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {
+outlined: boolean;
+modelValue: string | Record<string, any>;
+label: string;
+items: unknown[];
+required: boolean;
+textKey: string;
+valueKey: string;
+errorMessages: string | readonly string[];
+menuId: string;
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+
+export declare const CustomTextField: __VLS_WithTemplateSlots_5<DefineComponent<    {
+prependIcon?: IconType | undefined;
+appendIcon?: IconType | undefined;
+prependInnerIcon?: IconType | undefined;
+appendInnerIcon?: IconType | undefined;
+variantStyle?: VariantStyle | undefined;
+color?: ColorType | undefined;
+isClearable?: boolean | undefined;
+showDivider?: boolean | undefined;
+label?: string | undefined;
+}, {
+appendInnerIconColor: ComputedRef<"error" | "success" | "black">;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{
+prependIcon?: IconType | undefined;
+appendIcon?: IconType | undefined;
+prependInnerIcon?: IconType | undefined;
+appendInnerIcon?: IconType | undefined;
+variantStyle?: VariantStyle | undefined;
+color?: ColorType | undefined;
+isClearable?: boolean | undefined;
+showDivider?: boolean | undefined;
+label?: string | undefined;
+}> & Readonly<{}>, {
+variantStyle: VariantStyle;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
+    prepend?(_: {}): any;
+    append?(_: {}): any;
+    "prepend-inner"?(_: {}): any;
+    "append-inner"?(_: {}): any;
+}>;
+
+export declare const DataList: __VLS_WithTemplateSlots_6<DefineComponent<ExtractPropTypes<    {
+items: {
+type: PropType<DataListItem[]>;
+required: true;
+};
+icons: {
+type: PropType<DataListIcons | undefined>;
+default: undefined;
+};
+listTitle: {
+type: StringConstructor;
+default: undefined;
+};
+titleClass: {
+type: StringConstructor;
+default: string;
+};
+row: {
+type: BooleanConstructor;
+default: boolean;
+};
+placeholder: {
+type: StringConstructor;
+default: undefined;
+};
+loading: {
+type: BooleanConstructor;
+default: boolean;
+};
+itemsNumberLoading: {
+type: NumberConstructor;
+default: number;
+};
+headingLoading: {
+type: BooleanConstructor;
+default: boolean;
+};
+renderHtmlValue: {
+type: BooleanConstructor;
+default: boolean;
+};
+maxWidth: {
+type: StringConstructor;
+default: undefined;
+};
+minWidth: {
+type: StringConstructor;
+default: undefined;
+};
+width: {
+type: StringConstructor;
+default: undefined;
+};
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+"click:item-action": (...args: any[]) => void;
+}, string, PublicProps, Readonly<ExtractPropTypes<    {
+items: {
+type: PropType<DataListItem[]>;
+required: true;
+};
+icons: {
+type: PropType<DataListIcons | undefined>;
+default: undefined;
+};
+listTitle: {
+type: StringConstructor;
+default: undefined;
+};
+titleClass: {
+type: StringConstructor;
+default: string;
+};
+row: {
+type: BooleanConstructor;
+default: boolean;
+};
+placeholder: {
+type: StringConstructor;
+default: undefined;
+};
+loading: {
+type: BooleanConstructor;
+default: boolean;
+};
+itemsNumberLoading: {
+type: NumberConstructor;
+default: number;
+};
+headingLoading: {
+type: BooleanConstructor;
+default: boolean;
+};
+renderHtmlValue: {
+type: BooleanConstructor;
+default: boolean;
+};
+maxWidth: {
+type: StringConstructor;
+default: undefined;
+};
+minWidth: {
+type: StringConstructor;
+default: undefined;
+};
+width: {
+type: StringConstructor;
+default: undefined;
+};
+}>> & Readonly<{
+"onClick:item-action"?: ((...args: any[]) => any) | undefined;
+}>, {
+maxWidth: string;
+minWidth: string;
+width: string;
+loading: boolean;
+listTitle: string;
+placeholder: string;
+row: boolean;
+renderHtmlValue: boolean;
+icons: DataListIcons | undefined;
+titleClass: string;
+itemsNumberLoading: number;
+headingLoading: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>, {
+    title?(_: {}): any;
+}>;
+
+export declare const DataListGroup: DefineComponent<ExtractPropTypes<    {
+items: {
+type: PropType<DataListGroupItems>;
+required: true;
+};
+icons: {
+type: PropType<DataListIcons_2 | undefined>;
+default: undefined;
+};
+itemWidth: {
+type: StringConstructor;
+default: string;
+};
+loading: {
+type: BooleanConstructor;
+default: boolean;
+};
+renderHtmlValue: {
+type: BooleanConstructor;
+default: boolean;
+};
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+"click:list-item": (...args: any[]) => void;
+}, string, PublicProps, Readonly<ExtractPropTypes<    {
+items: {
+type: PropType<DataListGroupItems>;
+required: true;
+};
+icons: {
+type: PropType<DataListIcons_2 | undefined>;
+default: undefined;
+};
+itemWidth: {
+type: StringConstructor;
+default: string;
+};
+loading: {
+type: BooleanConstructor;
+default: boolean;
+};
+renderHtmlValue: {
+type: BooleanConstructor;
+default: boolean;
+};
+}>> & Readonly<{
+"onClick:list-item"?: ((...args: any[]) => any) | undefined;
+}>, {
+loading: boolean;
+renderHtmlValue: boolean;
+itemWidth: string;
+icons: DataListIcons_2 | undefined;
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+
 declare function dismissAlert(): void;
 
 declare function download(): Promise<void>;
@@ -183,7 +590,9 @@ declare interface FileInfo {
     type: string;
 }
 
-export declare const FooterBar: __VLS_WithTemplateSlots_9<DefineComponent<CustomizableOptions & {
+declare function focus_2(): void;
+
+export declare const FooterBar: __VLS_WithTemplateSlots_8<DefineComponent<CustomizableOptions & {
 a11yCompliance?: string | undefined;
 linkItems?: LinkItem[] | null | undefined;
 items?: LinkItem[] | null | undefined;
@@ -200,7 +609,7 @@ hideA11yLink?: boolean | undefined;
 version?: string | undefined;
 hideLogo?: boolean | undefined;
 hideSocialMediaLinks?: boolean | undefined;
-socialMediaLinks?: SocialMediaLink_2[] | undefined;
+socialMediaLinks?: SocialMediaLink[] | undefined;
 light?: boolean | undefined;
 }, {
 logoSize: ComputedRef<"small" | "normal">;
@@ -221,7 +630,7 @@ hideA11yLink?: boolean | undefined;
 version?: string | undefined;
 hideLogo?: boolean | undefined;
 hideSocialMediaLinks?: boolean | undefined;
-socialMediaLinks?: SocialMediaLink_2[] | undefined;
+socialMediaLinks?: SocialMediaLink[] | undefined;
 light?: boolean | undefined;
 }> & Readonly<{}>, {
 light: boolean;
@@ -241,7 +650,7 @@ hideA11yLink: boolean;
 version: string;
 hideLogo: boolean;
 hideSocialMediaLinks: boolean;
-socialMediaLinks: SocialMediaLink_2[];
+socialMediaLinks: SocialMediaLink[];
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
     logo?(_: {}): any;
     default?(_: {}): any;
@@ -267,6 +676,183 @@ isConnectPlus: boolean;
  */
 declare function getFileInfo(header: Record<string, string>): FileInfo;
 
+export declare const HeaderBar: __VLS_WithTemplateSlots_9<DefineComponent<    {
+/** Keep the header visible */
+sticky?: boolean | undefined;
+/**
+* Show the header at sticky only when the user scroll up in mobile
+* Need 'sticky' at true,
+*/
+hideWhenDown?: boolean | undefined;
+} & LogoProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{
+/** Keep the header visible */
+sticky?: boolean | undefined;
+/**
+* Show the header at sticky only when the user scroll up in mobile
+* Need 'sticky' at true,
+*/
+hideWhenDown?: boolean | undefined;
+} & LogoProps> & Readonly<{}>, {
+sticky: boolean;
+serviceTitle: string;
+serviceSubtitle: string;
+hideWhenDown: boolean;
+homeAriaLabel: string;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, Readonly<{
+    prepend: (props: SlotProps) => unknown;
+    append: (props: SlotProps) => unknown;
+    menu: (props: SlotProps) => unknown;
+    logo: (props: SlotProps & LogoProps) => unknown;
+    'logo-brand-content': (props: SlotProps & LogoProps) => unknown;
+    'header-side': (props: SlotProps) => unknown;
+}> & {
+    prepend: (props: SlotProps) => unknown;
+    append: (props: SlotProps) => unknown;
+    menu: (props: SlotProps) => unknown;
+    logo: (props: SlotProps & LogoProps) => unknown;
+    'logo-brand-content': (props: SlotProps & LogoProps) => unknown;
+    'header-side': (props: SlotProps) => unknown;
+}>;
+
+export declare const HeaderBurgerMenu: __VLS_WithTemplateSlots_10<DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>, {
+    default?(_: {}): any;
+}>;
+
+export declare const HeaderLoading: DefineComponent<ExtractPropTypes<    {
+width: {
+type: StringConstructor;
+default: string;
+};
+height: {
+type: StringConstructor;
+default: string;
+};
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<    {
+width: {
+type: StringConstructor;
+default: string;
+};
+height: {
+type: StringConstructor;
+default: string;
+};
+}>> & Readonly<{}>, {
+height: string;
+width: string;
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+
+export declare const HeaderLogo: __VLS_WithTemplateSlots_14<DefineComponent<    {
+ariaLabel?: string | undefined;
+serviceTitle?: string | undefined;
+serviceSubtitle?: string | undefined;
+}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{
+ariaLabel?: string | undefined;
+serviceTitle?: string | undefined;
+serviceSubtitle?: string | undefined;
+}> & Readonly<{}>, {
+ariaLabel: string;
+serviceTitle: string;
+serviceSubtitle: string;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, Readonly<{
+    'brand-content'?(): void;
+}> & {
+    'brand-content'?(): void;
+}>;
+
+export declare const HeaderMenuBtn: DefineComponent<__VLS_PublicProps_2, {
+focus: typeof focus_2;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+"update:modelValue": (modelValue: boolean) => any;
+}, string, PublicProps, Readonly<__VLS_PublicProps_2> & Readonly<{
+"onUpdate:modelValue"?: ((modelValue: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+
+export declare const HeaderMenuItem: __VLS_WithTemplateSlots_11<DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>, {
+    default?(_: {}): any;
+}>;
+
+export declare const HeaderMenuSection: __VLS_WithTemplateSlots_12<DefineComponent<    {
+title?: string | undefined;
+}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{
+title?: string | undefined;
+}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
+    default?(_: {}): any;
+}>;
+
+export declare const HeaderNavbar: __VLS_WithTemplateSlots_15<DefineComponent<    {
+homeAriaLabel?: string | undefined;
+serviceTitle?: string | undefined;
+serviceSubtitle?: string | undefined;
+/** Keep the header visible */
+sticky?: boolean | undefined;
+/**
+* Show the header at sticky only when the user scroll up in mobile
+* Need 'sticky' at true,
+*/
+hideWhenDown?: boolean | undefined;
+/**
+* The number of item to shown in the horizontal menu before using
+* the Burger menu (default: 6)
+*/
+maxHorizontalMenuItems?: number | undefined;
+/**
+* The items to show in the horizontal menu
+*/
+items?: NavigationItem[] | undefined;
+}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{
+homeAriaLabel?: string | undefined;
+serviceTitle?: string | undefined;
+serviceSubtitle?: string | undefined;
+/** Keep the header visible */
+sticky?: boolean | undefined;
+/**
+* Show the header at sticky only when the user scroll up in mobile
+* Need 'sticky' at true,
+*/
+hideWhenDown?: boolean | undefined;
+/**
+* The number of item to shown in the horizontal menu before using
+* the Burger menu (default: 6)
+*/
+maxHorizontalMenuItems?: number | undefined;
+/**
+* The items to show in the horizontal menu
+*/
+items?: NavigationItem[] | undefined;
+}> & Readonly<{}>, {
+items: NavigationItem[];
+serviceTitle: string;
+serviceSubtitle: string;
+hideWhenDown: boolean;
+homeAriaLabel: string;
+maxHorizontalMenuItems: number;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, Readonly<{
+    logo: (props: SlotProps_2 & LogoProps_2) => unknown;
+    'logo-brand-content': (props: SlotProps_2 & LogoProps_2) => unknown;
+    'header-side': (props: SlotProps_2) => unknown;
+    'navigation-bar-prepend': () => unknown;
+    'navigation-bar-append': () => unknown;
+    'navigation-bar-content': () => unknown;
+    'navigation-menu-prepend': (props: SlotProps_2) => unknown;
+    'navigation-menu-append': (props: SlotProps_2) => unknown;
+    'navigation-menu-content': (props: SlotProps_2) => unknown;
+}> & {
+    logo: (props: SlotProps_2 & LogoProps_2) => unknown;
+    'logo-brand-content': (props: SlotProps_2 & LogoProps_2) => unknown;
+    'header-side': (props: SlotProps_2) => unknown;
+    'navigation-bar-prepend': () => unknown;
+    'navigation-bar-append': () => unknown;
+    'navigation-bar-content': () => unknown;
+    'navigation-menu-prepend': (props: SlotProps_2) => unknown;
+    'navigation-menu-append': (props: SlotProps_2) => unknown;
+    'navigation-menu-content': (props: SlotProps_2) => unknown;
+}>;
+
+export declare const HeaderSubMenu: __VLS_WithTemplateSlots_13<DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>, {
+    title?(_: {}): any;
+    default?(_: {}): any;
+}>;
+
 export declare const LangBtn: DefineComponent<CustomizableOptions & {
 modelValue?: string | undefined;
 hideDownArrow?: boolean | undefined;
@@ -362,14 +948,32 @@ validator: (value: string) => boolean;
 };
 }>> & Readonly<{}>, {
 size: "small" | "x-small" | "normal";
-ariaLabel: string;
 dark: boolean;
+ariaLabel: string;
+avatar: boolean;
 hideSignature: boolean;
 hideOrganism: boolean;
 risquePro: boolean;
-avatar: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 
+declare type LogoProps = {
+    homeAriaLabel?: string;
+    serviceTitle?: string;
+    serviceSubtitle?: string;
+};
+
+declare type LogoProps_2 = {
+    homeAriaLabel?: string;
+    serviceTitle?: string;
+    serviceSubtitle?: string;
+};
+
+declare interface NavigationItem {
+    label: string;
+    href?: string;
+    to?: RouteLocationRaw;
+}
+
 declare interface Notification_2 {
     id: string;
     message: string;
@@ -377,10 +981,11 @@ declare interface Notification_2 {
     timeout?: number;
     icon?: string | null;
 }
+export { Notification_2 as Notification }
 
-export declare const NotificationBar: __VLS_WithTemplateSlots_8<DefineComponent<CustomizableOptions & {
+export declare const NotificationBar: __VLS_WithTemplateSlots_16<DefineComponent<CustomizableOptions & {
 closeBtnText?: string | undefined;
-rounded?: true | 0 | "xl" | "xs" | "sm" | "lg" | 1 | 2 | 3 | 4 | "circle" | "pill" | "shaped" | undefined;
+rounded?: true | 0 | 1 | 2 | 3 | 4 | "circle" | "pill" | "xs" | "sm" | "lg" | "xl" | "shaped" | undefined;
 bottom?: boolean | undefined;
 }, {
 openNotification: (notification: Notification_2) => void;
@@ -401,31 +1006,39 @@ smallCloseBtn: ComputedRef<boolean>;
 isVertical: ComputedRef<boolean>;
 }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<CustomizableOptions & {
 closeBtnText?: string | undefined;
-rounded?: true | 0 | "xl" | "xs" | "sm" | "lg" | 1 | 2 | 3 | 4 | "circle" | "pill" | "shaped" | undefined;
+rounded?: true | 0 | 1 | 2 | 3 | 4 | "circle" | "pill" | "xs" | "sm" | "lg" | "xl" | "shaped" | undefined;
 bottom?: boolean | undefined;
 }> & Readonly<{}>, {
-rounded: true | 0 | "xl" | "xs" | "sm" | "lg" | 1 | 2 | 3 | 4 | "circle" | "pill" | "shaped";
+rounded: true | 0 | 1 | 2 | 3 | 4 | "circle" | "pill" | "xs" | "sm" | "lg" | "xl" | "shaped";
 bottom: boolean;
 closeBtnText: string;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
     action?(_: {}): any;
 }>;
 
-export declare const PageContainer: __VLS_WithTemplateSlots<DefineComponent<    {
-size?: "xl" | "l" | "m" | "s" | undefined;
-spacing?: "xl" | "xs" | "sm" | "md" | "lg" | undefined;
+export declare namespace NotificationService {
+    export {
+        useNotificationService
+    }
+}
+
+declare type NumberOrNumberString = string | number | undefined;
+
+export declare const PageContainer: __VLS_WithTemplateSlots_17<DefineComponent<    {
+size?: "s" | "xl" | "l" | "m" | undefined;
+spacing?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
 color?: string | undefined;
 }, {
 spacingClass: ComputedRef<string>;
 containerSize: ComputedRef<number>;
 }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{
-size?: "xl" | "l" | "m" | "s" | undefined;
-spacing?: "xl" | "xs" | "sm" | "md" | "lg" | undefined;
+size?: "s" | "xl" | "l" | "m" | undefined;
+spacing?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
 color?: string | undefined;
 }> & Readonly<{}>, {
-size: "xl" | "l" | "m" | "s";
-spacing: "xl" | "xs" | "sm" | "md" | "lg";
 color: string;
+size: "s" | "xl" | "l" | "m";
+spacing: "xs" | "sm" | "md" | "lg" | "xl";
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
     default?(_: {}): any;
 }>;
@@ -444,7 +1057,7 @@ declare interface Props_2 {
 
 declare type PropsList = Record<string, unknown>;
 
-export declare const SkipLink: __VLS_WithTemplateSlots_4<DefineComponent<    {
+export declare const SkipLink: __VLS_WithTemplateSlots_18<DefineComponent<    {
 label?: string | undefined;
 target?: string | undefined;
 }, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{
@@ -457,22 +1070,94 @@ target: string;
     default?(_: {}): any;
 }>;
 
+declare type SlotProps = {
+    menuOpen: boolean | undefined;
+};
+
+declare type SlotProps_2 = {
+    menuOpen: boolean | undefined;
+};
+
 export declare const SocialMediaLinks: DefineComponent<ExtractPropTypes<    {
 links: {
-type: PropType<SocialMediaLink[]>;
+type: PropType<SocialMediaLink_2[]>;
 default: null;
 };
 }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<    {
 links: {
-type: PropType<SocialMediaLink[]>;
+type: PropType<SocialMediaLink_2[]>;
 default: null;
 };
 }>> & Readonly<{}>, {
-links: SocialMediaLink[];
+links: SocialMediaLink_2[];
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 
 declare type State = 'idle' | 'loading' | 'success' | 'error';
 
+export declare const SubHeader: __VLS_WithTemplateSlots_19<DefineComponent<CustomizableOptions & Widthable & {
+hideBackBtn: boolean;
+backBtnText?: string | undefined;
+titleText?: string | undefined;
+subTitleText?: string | undefined;
+dataListGroupItems?: DataListGroupItems_2 | undefined;
+loading?: boolean | undefined;
+renderHtmlValue?: boolean | undefined;
+}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+"click:list-item": (...args: any[]) => void;
+back: (...args: any[]) => void;
+}, string, PublicProps, Readonly<CustomizableOptions & Widthable & {
+hideBackBtn: boolean;
+backBtnText?: string | undefined;
+titleText?: string | undefined;
+subTitleText?: string | undefined;
+dataListGroupItems?: DataListGroupItems_2 | undefined;
+loading?: boolean | undefined;
+renderHtmlValue?: boolean | undefined;
+}> & Readonly<{
+"onClick:list-item"?: ((...args: any[]) => any) | undefined;
+onBack?: ((...args: any[]) => any) | undefined;
+}>, {
+loading: boolean;
+renderHtmlValue: boolean;
+hideBackBtn: boolean;
+backBtnText: string;
+titleText: string;
+subTitleText: string;
+dataListGroupItems: DataListGroupItems_2;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
+    "back-btn"?(_: {}): any;
+    "back-btn-icon"?(_: {}): any;
+    title?(_: {}): any;
+    "sub-title"?(_: {}): any;
+    "additional-informations"?(_: {}): any;
+    "right-content"?(_: {}): any;
+}>;
+
 declare function updateLang(lang: string): void;
 
+declare function useNotificationService(): {
+    notificationQueue: Ref<    {
+    id: string;
+    message: string;
+    type: "error" | "success" | "info" | "warning";
+    timeout?: number | undefined;
+    icon?: string | null | undefined;
+    }[], Notification_2[] | {
+    id: string;
+    message: string;
+    type: "error" | "success" | "info" | "warning";
+    timeout?: number | undefined;
+    icon?: string | null | undefined;
+    }[]>;
+    addNotification: (notification: Notification_2) => void;
+    removeNotification: (id: string) => void;
+    clearQueue: () => void;
+};
+
+declare interface Widthable {
+    maxWidth?: NumberOrNumberString;
+    minWidth?: NumberOrNumberString;
+    width?: NumberOrNumberString;
+}
+
 export { }