@cnamts/synapse 0.0.4-alpha → 0.0.5-alpha

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

@@ -7,18 +7,21 @@ 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 { DataListItem as DataListItem_2 } from './types';
 import { DefineComponent } from 'vue';
 import { ExtractPropTypes } from 'vue';
 import { IconType } from './types';
 import { LinkItem } from './types';
 import { ListItem } from './types';
+import { MenuItem } from './types';
 import { PropType } from 'vue';
 import { PublicProps } from 'vue';
 import { Ref } from 'vue';
 import { RouteLocationAsPathGeneric } from 'vue-router';
 import { RouteLocationAsRelativeGeneric } from 'vue-router';
 import { RouteLocationRaw } from 'vue-router';
+import { RouteRecordRaw } from 'vue-router';
+import { SelectItem } from './types';
 import { SocialMediaLink } from '../SocialMediaLinks/types';
 import { SocialMediaLink as SocialMediaLink_2 } from './types';
 import { VariantStyle } from './types';
@@ -29,14 +32,62 @@ declare type __VLS_PublicProps = {
 
 declare type __VLS_PublicProps_2 = {
     modelValue?: boolean;
+} & typeof __VLS_typeProps_2;
+
+declare type __VLS_PublicProps_3 = {
+    modelValue?: boolean;
+};
+
+declare type __VLS_PublicProps_4 = {
+    modelValue?: boolean;
 };
 
+declare type __VLS_PublicProps_5 = {
+    'burgerMenu'?: boolean;
+} & typeof __VLS_typeProps_3;
+
 declare let __VLS_typeProps: {
     type?: 'success' | 'info' | 'warning' | 'error';
     closable?: boolean;
     variant?: 'tonal' | 'outlined';
 };
 
+declare let __VLS_typeProps_2: {
+    title?: string;
+    width?: string;
+    cancelBtnText?: string;
+    confirmBtnText?: string;
+    hideActions?: boolean;
+    persistent?: boolean;
+} & CustomizableOptions;
+
+declare let __VLS_typeProps_3: CustomizableOptions & {
+    homeAriaLabel?: string;
+    serviceTitle?: string;
+    serviceSubtitle?: string;
+    homeLink?: {
+        ariaLabel?: string;
+        to?: RouteLocationRaw;
+        href?: string;
+    };
+    /** Keep the header visible */
+    sticky?: boolean;
+    /**
+     * Show the header at sticky only when the user scroll up in mobile
+     * Need 'sticky' at true,
+     */
+    hideWhenDown?: boolean;
+    /**
+     * The number of item to shown in the horizontal menu before using
+     * the Burger menu (default: 6)
+     */
+    maxHorizontalMenuItems?: number;
+    /**
+     * The items to show in the horizontal menu
+     */
+    items?: NavigationItem[];
+};
+
 declare type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;
@@ -109,6 +160,42 @@ declare type __VLS_WithTemplateSlots_2<T, S> = T & {
     };
 };
 
+declare type __VLS_WithTemplateSlots_20<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
+declare type __VLS_WithTemplateSlots_21<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
+declare type __VLS_WithTemplateSlots_22<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
+declare type __VLS_WithTemplateSlots_23<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
+declare type __VLS_WithTemplateSlots_24<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
+declare type __VLS_WithTemplateSlots_25<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
 declare type __VLS_WithTemplateSlots_3<T, S> = T & {
     new (): {
         $slots: S;
@@ -226,167 +313,13 @@ 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 {
+export 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<    {
+export declare const DataList: __VLS_WithTemplateSlots_7<DefineComponent<ExtractPropTypes<    {
 items: {
-type: PropType<DataListItem[]>;
+type: PropType<DataListItem_2[]>;
 required: true;
 };
 icons: {
@@ -441,7 +374,7 @@ default: undefined;
 "click:item-action": (...args: any[]) => void;
 }, string, PublicProps, Readonly<ExtractPropTypes<    {
 items: {
-type: PropType<DataListItem[]>;
+type: PropType<DataListItem_2[]>;
 required: true;
 };
 icons: {
@@ -564,11 +497,77 @@ itemWidth: string;
 icons: DataListIcons_2 | undefined;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 
+export declare const DataListItem: __VLS_WithTemplateSlots_8<DefineComponent<CustomizableOptions & {
+label: string;
+value?: string | number | undefined;
+action?: string | undefined;
+placeholder?: string | undefined;
+chip?: boolean | undefined;
+icon?: string | undefined;
+row?: boolean | undefined;
+renderHtmlValue?: boolean | undefined;
+}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+"click:action": (...args: any[]) => void;
+}, string, PublicProps, Readonly<CustomizableOptions & {
+label: string;
+value?: string | number | undefined;
+action?: string | undefined;
+placeholder?: string | undefined;
+chip?: boolean | undefined;
+icon?: string | undefined;
+row?: boolean | undefined;
+renderHtmlValue?: boolean | undefined;
+}> & Readonly<{
+"onClick:action"?: ((...args: any[]) => any) | undefined;
+}>, {
+icon: string;
+label: string;
+value: string | number;
+placeholder: string;
+action: string;
+chip: boolean;
+row: boolean;
+renderHtmlValue: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
+    icon?(_: {}): any;
+    value?(_: {
+        itemValue: string;
+    }): any;
+    action?(_: {}): any;
+}>;
+
+export declare const DialogBox: __VLS_WithTemplateSlots_9<DefineComponent<__VLS_PublicProps_2, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+cancel: (...args: any[]) => void;
+"update:modelValue": (...args: any[]) => void;
+confirm: (...args: any[]) => void;
+}, string, PublicProps, Readonly<__VLS_PublicProps_2> & Readonly<{
+onCancel?: ((...args: any[]) => any) | undefined;
+"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+onConfirm?: ((...args: any[]) => any) | undefined;
+}>, {
+width: string;
+title: string;
+hideActions: boolean;
+persistent: boolean;
+cancelBtnText: string;
+confirmBtnText: string;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, Readonly<{
+    default?: (() => undefined) | undefined;
+    title?: (() => undefined) | undefined;
+    actions?: (() => undefined) | undefined;
+}> & {
+    default?: (() => undefined) | undefined;
+    title?: (() => undefined) | undefined;
+    actions?: (() => undefined) | undefined;
+}>;
+
 declare function dismissAlert(): void;
 
+declare type DisplayFormat = 'code' | 'code-abbreviation' | 'code-country' | 'country' | 'abbreviation';
+
 declare function download(): Promise<void>;
 
-export declare const DownloadBtn: __VLS_WithTemplateSlots_7<DefineComponent<Props_2 & CustomizableOptions, {
+export declare const DownloadBtn: __VLS_WithTemplateSlots_10<DefineComponent<Props_2 & CustomizableOptions, {
 getFileInfo: typeof getFileInfo;
 download: typeof download;
 state: Ref<State, State>;
@@ -585,6 +584,39 @@ fallbackFilename: string;
     default?(_: {}): any;
 }>;
 
+export declare const ErrorPage: __VLS_WithTemplateSlots_11<DefineComponent<    {
+pageTitle?: string | undefined;
+message?: string | undefined;
+code?: string | undefined;
+codeErrorText?: string | undefined;
+btnText?: string | undefined;
+btnHref?: string | undefined;
+btnLink?: string | RouteRecordRaw | undefined;
+hideBtn?: boolean | undefined;
+}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{
+pageTitle?: string | undefined;
+message?: string | undefined;
+code?: string | undefined;
+codeErrorText?: string | undefined;
+btnText?: string | undefined;
+btnHref?: string | undefined;
+btnLink?: string | RouteRecordRaw | undefined;
+hideBtn?: boolean | undefined;
+}> & Readonly<{}>, {
+code: string;
+message: string;
+pageTitle: string;
+codeErrorText: string;
+btnText: string;
+btnHref: string;
+btnLink: string | RouteRecordRaw;
+hideBtn: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
+    "additional-content"?(_: {}): any;
+    action?(_: {}): any;
+    illustration?(_: {}): any;
+}>;
+
 declare interface FileInfo {
     name: string;
     type: string;
@@ -592,7 +624,7 @@ declare interface FileInfo {
 
 declare function focus_2(): void;
 
-export declare const FooterBar: __VLS_WithTemplateSlots_8<DefineComponent<CustomizableOptions & {
+export declare const FooterBar: __VLS_WithTemplateSlots_12<DefineComponent<CustomizableOptions & {
 a11yCompliance?: string | undefined;
 linkItems?: LinkItem[] | null | undefined;
 items?: LinkItem[] | null | undefined;
@@ -676,7 +708,7 @@ isConnectPlus: boolean;
  */
 declare function getFileInfo(header: Record<string, string>): FileInfo;
 
-export declare const HeaderBar: __VLS_WithTemplateSlots_9<DefineComponent<    {
+export declare const HeaderBar: __VLS_WithTemplateSlots_13<DefineComponent<    {
 /** Keep the header visible */
 sticky?: boolean | undefined;
 /**
@@ -684,6 +716,11 @@ sticky?: boolean | undefined;
 * Need 'sticky' at true,
 */
 hideWhenDown?: boolean | undefined;
+homeLink?: {
+ariaLabel?: string | undefined;
+to?: string | RouteLocationAsRelativeGeneric | RouteLocationAsPathGeneric | undefined;
+href?: string | undefined;
+} | undefined;
 } & LogoProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{
 /** Keep the header visible */
 sticky?: boolean | undefined;
@@ -692,10 +729,24 @@ sticky?: boolean | undefined;
 * Need 'sticky' at true,
 */
 hideWhenDown?: boolean | undefined;
+homeLink?: {
+ariaLabel?: string | undefined;
+to?: string | RouteLocationAsRelativeGeneric | RouteLocationAsPathGeneric | undefined;
+href?: string | undefined;
+} | undefined;
 } & LogoProps> & Readonly<{}>, {
 sticky: boolean;
 serviceTitle: string;
 serviceSubtitle: string;
+homeLink: {
+ariaLabel?: string | undefined;
+to?: string | RouteLocationAsRelativeGeneric | RouteLocationAsPathGeneric | undefined;
+href?: string | undefined;
+} & {
+ariaLabel?: string | undefined;
+to?: string | RouteLocationAsRelativeGeneric | RouteLocationAsPathGeneric | undefined;
+href?: string | undefined;
+};
 hideWhenDown: boolean;
 homeAriaLabel: string;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, Readonly<{
@@ -714,7 +765,11 @@ homeAriaLabel: string;
     'header-side': (props: SlotProps) => unknown;
 }>;
 
-export declare const HeaderBurgerMenu: __VLS_WithTemplateSlots_10<DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>, {
+export declare const HeaderBurgerMenu: __VLS_WithTemplateSlots_14<DefineComponent<__VLS_PublicProps_3, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+"update:modelValue": (modelValue: boolean) => any;
+}, string, PublicProps, Readonly<__VLS_PublicProps_3> & Readonly<{
+"onUpdate:modelValue"?: ((modelValue: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
     default?(_: {}): any;
 }>;
 
@@ -741,88 +796,74 @@ height: string;
 width: string;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 
-export declare const HeaderLogo: __VLS_WithTemplateSlots_14<DefineComponent<    {
+export declare const HeaderLogo: __VLS_WithTemplateSlots_18<DefineComponent<    {
 ariaLabel?: string | undefined;
 serviceTitle?: string | undefined;
 serviceSubtitle?: string | undefined;
+homeLink?: {
+ariaLabel?: string | undefined;
+to?: string | RouteLocationAsRelativeGeneric | RouteLocationAsPathGeneric | undefined;
+href?: string | undefined;
+} | undefined;
 }, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{
 ariaLabel?: string | undefined;
 serviceTitle?: string | undefined;
 serviceSubtitle?: string | undefined;
+homeLink?: {
+ariaLabel?: string | undefined;
+to?: string | RouteLocationAsRelativeGeneric | RouteLocationAsPathGeneric | undefined;
+href?: string | undefined;
+} | undefined;
 }> & Readonly<{}>, {
 ariaLabel: string;
 serviceTitle: string;
 serviceSubtitle: string;
+homeLink: {
+ariaLabel?: string | undefined;
+to?: string | RouteLocationAsRelativeGeneric | RouteLocationAsPathGeneric | undefined;
+href?: string | undefined;
+};
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, Readonly<{
     'brand-content'?(): void;
 }> & {
     'brand-content'?(): void;
 }>;
 
-export declare const HeaderMenuBtn: DefineComponent<__VLS_PublicProps_2, {
+export declare const HeaderMenuBtn: DefineComponent<__VLS_PublicProps_4, {
 focus: typeof focus_2;
 }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 "update:modelValue": (modelValue: boolean) => any;
-}, string, PublicProps, Readonly<__VLS_PublicProps_2> & Readonly<{
+}, string, PublicProps, Readonly<__VLS_PublicProps_4> & 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>, {
+export declare const HeaderMenuItem: __VLS_WithTemplateSlots_15<DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>, {
     default?(_: {}): any;
 }>;
 
-export declare const HeaderMenuSection: __VLS_WithTemplateSlots_12<DefineComponent<    {
+export declare const HeaderMenuSection: __VLS_WithTemplateSlots_16<DefineComponent<    {
 title?: string | undefined;
 }, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{
 title?: string | undefined;
 }> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
+    title?(_: {}): 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<{}>, {
+export declare const HeaderNavigationBar: __VLS_WithTemplateSlots_19<DefineComponent<__VLS_PublicProps_5, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+"update:burgerMenu": (burgerMenu: boolean) => any;
+}, string, PublicProps, Readonly<__VLS_PublicProps_5> & Readonly<{
+"onUpdate:burgerMenu"?: ((burgerMenu: boolean) => any) | undefined;
+}>, {
+sticky: boolean;
 items: NavigationItem[];
 serviceTitle: string;
 serviceSubtitle: string;
+homeLink: {
+ariaLabel?: string | undefined;
+to?: string | RouteLocationAsRelativeGeneric | RouteLocationAsPathGeneric | undefined;
+href?: string | undefined;
+};
 hideWhenDown: boolean;
 homeAriaLabel: string;
 maxHorizontalMenuItems: number;
@@ -848,11 +889,115 @@ maxHorizontalMenuItems: number;
     '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>, {
+export declare const HeaderSubMenu: __VLS_WithTemplateSlots_17<DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>, {
     title?(_: {}): any;
     default?(_: {}): any;
 }>;
 
+export declare const HeaderToolbar: __VLS_WithTemplateSlots_20<DefineComponent<ExtractPropTypes<    {
+leftMenu: {
+type: PropType<MenuItem[]>;
+default: () => ({
+title: string;
+href: string;
+openInNewTab: boolean;
+} | {
+title: string;
+href?: undefined;
+openInNewTab?: undefined;
+})[];
+};
+rightMenu: {
+type: PropType<MenuItem[]>;
+default: () => {
+title: string;
+href: string;
+openInNewTab: boolean;
+}[];
+};
+itemsSelectMenu: {
+type: PropType<SelectItem[]>;
+default: () => {
+text: string;
+value: string;
+href: string;
+openInNewTab: boolean;
+}[];
+};
+ariaLeftMenu: {
+type: StringConstructor;
+default: string;
+};
+ariaRightMenu: {
+type: StringConstructor;
+default: string;
+};
+}>, {
+hideOverlay: () => void;
+handleLink: (index: number) => void;
+checkActiveLink: (index: number) => void;
+deleteActiveLink: () => void;
+activeIndex: Ref<number | null, number | null>;
+highlightMenu: Ref<boolean, boolean>;
+showOverlay: Ref<boolean, boolean>;
+getLinkComponent: (item: MenuItem) => string;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<    {
+leftMenu: {
+type: PropType<MenuItem[]>;
+default: () => ({
+title: string;
+href: string;
+openInNewTab: boolean;
+} | {
+title: string;
+href?: undefined;
+openInNewTab?: undefined;
+})[];
+};
+rightMenu: {
+type: PropType<MenuItem[]>;
+default: () => {
+title: string;
+href: string;
+openInNewTab: boolean;
+}[];
+};
+itemsSelectMenu: {
+type: PropType<SelectItem[]>;
+default: () => {
+text: string;
+value: string;
+href: string;
+openInNewTab: boolean;
+}[];
+};
+ariaLeftMenu: {
+type: StringConstructor;
+default: string;
+};
+ariaRightMenu: {
+type: StringConstructor;
+default: string;
+};
+}>> & Readonly<{}>, {
+leftMenu: MenuItem[];
+rightMenu: MenuItem[];
+itemsSelectMenu: SelectItem[];
+ariaLeftMenu: string;
+ariaRightMenu: string;
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>, {
+    "left-menu"?(_: {}): any;
+    "right-menu"?(_: {}): any;
+}>;
+
+declare type Indicatif = {
+    code: string;
+    abbreviation: string;
+    country: string;
+    mask?: string;
+    phoneLength: number;
+};
+
 export declare const LangBtn: DefineComponent<CustomizableOptions & {
 modelValue?: string | undefined;
 hideDownArrow?: boolean | undefined;
@@ -956,10 +1101,56 @@ hideOrganism: boolean;
 risquePro: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 
+export declare const LogoBrandSection: __VLS_WithTemplateSlots_21<DefineComponent<    {
+theme?: Theme | undefined;
+serviceTitle?: string | undefined;
+serviceSubTitle?: string | undefined;
+mobileVersion?: boolean | undefined;
+reduceLogo?: boolean | undefined;
+homeLink?: {
+ariaLabel?: string | undefined;
+to?: string | RouteLocationAsRelativeGeneric | RouteLocationAsPathGeneric | undefined;
+href?: string | undefined;
+} | undefined;
+}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{
+theme?: Theme | undefined;
+serviceTitle?: string | undefined;
+serviceSubTitle?: string | undefined;
+mobileVersion?: boolean | undefined;
+reduceLogo?: boolean | undefined;
+homeLink?: {
+ariaLabel?: string | undefined;
+to?: string | RouteLocationAsRelativeGeneric | RouteLocationAsPathGeneric | undefined;
+href?: string | undefined;
+} | undefined;
+}> & Readonly<{}>, {
+theme: Theme;
+serviceTitle: string;
+homeLink: {
+ariaLabel?: string | undefined;
+to?: string | RouteLocationAsRelativeGeneric | RouteLocationAsPathGeneric | undefined;
+href?: string | undefined;
+};
+serviceSubTitle: string;
+mobileVersion: boolean;
+reduceLogo: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, Readonly<{
+    default(): unknown;
+    'brand-content'(): unknown;
+}> & {
+    default(): unknown;
+    'brand-content'(): unknown;
+}>;
+
 declare type LogoProps = {
     homeAriaLabel?: string;
     serviceTitle?: string;
     serviceSubtitle?: string;
+    homeLink?: {
+        ariaLabel?: string;
+        to?: RouteLocationRaw;
+        href?: string;
+    };
 };
 
 declare type LogoProps_2 = {
@@ -968,12 +1159,16 @@ declare type LogoProps_2 = {
     serviceSubtitle?: string;
 };
 
+export declare const MaintenancePage: DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+
 declare interface NavigationItem {
     label: string;
     href?: string;
     to?: RouteLocationRaw;
 }
 
+export declare const NotFoundPage: DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+
 declare interface Notification_2 {
     id: string;
     message: string;
@@ -983,9 +1178,9 @@ declare interface Notification_2 {
 }
 export { Notification_2 as Notification }
 
-export declare const NotificationBar: __VLS_WithTemplateSlots_16<DefineComponent<CustomizableOptions & {
+export declare const NotificationBar: __VLS_WithTemplateSlots_22<DefineComponent<CustomizableOptions & {
 closeBtnText?: string | undefined;
-rounded?: true | 0 | 1 | 2 | 3 | 4 | "circle" | "pill" | "xs" | "sm" | "lg" | "xl" | "shaped" | undefined;
+rounded?: true | 0 | 1 | 2 | 3 | 4 | "circle" | "pill" | "xl" | "xs" | "sm" | "lg" | "shaped" | undefined;
 bottom?: boolean | undefined;
 }, {
 openNotification: (notification: Notification_2) => void;
@@ -1006,10 +1201,10 @@ smallCloseBtn: ComputedRef<boolean>;
 isVertical: ComputedRef<boolean>;
 }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<CustomizableOptions & {
 closeBtnText?: string | undefined;
-rounded?: true | 0 | 1 | 2 | 3 | 4 | "circle" | "pill" | "xs" | "sm" | "lg" | "xl" | "shaped" | undefined;
+rounded?: true | 0 | 1 | 2 | 3 | 4 | "circle" | "pill" | "xl" | "xs" | "sm" | "lg" | "shaped" | undefined;
 bottom?: boolean | undefined;
 }> & Readonly<{}>, {
-rounded: true | 0 | 1 | 2 | 3 | 4 | "circle" | "pill" | "xs" | "sm" | "lg" | "xl" | "shaped";
+rounded: true | 0 | 1 | 2 | 3 | 4 | "circle" | "pill" | "xl" | "xs" | "sm" | "lg" | "shaped";
 bottom: boolean;
 closeBtnText: string;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
@@ -1022,27 +1217,147 @@ export declare namespace NotificationService {
     }
 }
 
-declare type NumberOrNumberString = string | number | undefined;
+export declare type NumberOrNumberString = string | number | undefined;
 
-export declare const PageContainer: __VLS_WithTemplateSlots_17<DefineComponent<    {
+export declare const PageContainer: __VLS_WithTemplateSlots_23<DefineComponent<    {
 size?: "s" | "xl" | "l" | "m" | undefined;
-spacing?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
+spacing?: "xl" | "xs" | "sm" | "md" | "lg" | undefined;
 color?: string | undefined;
 }, {
 spacingClass: ComputedRef<string>;
 containerSize: ComputedRef<number>;
 }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{
 size?: "s" | "xl" | "l" | "m" | undefined;
-spacing?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
+spacing?: "xl" | "xs" | "sm" | "md" | "lg" | undefined;
 color?: string | undefined;
 }> & Readonly<{}>, {
 color: string;
 size: "s" | "xl" | "l" | "m";
-spacing: "xs" | "sm" | "md" | "lg" | "xl";
+spacing: "xl" | "xs" | "sm" | "md" | "lg";
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
     default?(_: {}): any;
 }>;
 
+export declare const PhoneField: DefineComponent<ExtractPropTypes<    {
+modelValue: {
+type: StringConstructor;
+default: string;
+};
+dialCodeModel: {
+type: PropType<string | Record<string, any>>;
+default: string;
+};
+required: {
+type: BooleanConstructor;
+default: boolean;
+};
+outlined: {
+type: BooleanConstructor;
+default: boolean;
+};
+outlinedIndicatif: {
+type: BooleanConstructor;
+default: boolean;
+};
+withCountryCode: {
+type: BooleanConstructor;
+default: boolean;
+};
+countryCodeRequired: {
+type: BooleanConstructor;
+default: boolean;
+};
+displayFormat: {
+type: PropType<DisplayFormat>;
+default: string;
+};
+customIndicatifs: {
+type: PropType<Indicatif[]>;
+default: () => never[];
+};
+useCustomIndicatifsOnly: {
+type: BooleanConstructor;
+default: boolean;
+};
+isValidatedOnBlur: {
+type: BooleanConstructor;
+default: boolean;
+};
+}>, {
+computedValue: ComputedRef<string>;
+dialCode: Ref<string | Record<string, any>, string | Record<string, any>>;
+phoneMask: Ref<string, string>;
+counter: Ref<number, number>;
+hasError: Ref<boolean, boolean>;
+phoneNumber: Ref<string, string>;
+mergedDialCodes: ComputedRef<Indicatif[]>;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+change: (...args: any[]) => void;
+"update:modelValue": (...args: any[]) => void;
+"update:selectedDialCode": (...args: any[]) => void;
+}, string, PublicProps, Readonly<ExtractPropTypes<    {
+modelValue: {
+type: StringConstructor;
+default: string;
+};
+dialCodeModel: {
+type: PropType<string | Record<string, any>>;
+default: string;
+};
+required: {
+type: BooleanConstructor;
+default: boolean;
+};
+outlined: {
+type: BooleanConstructor;
+default: boolean;
+};
+outlinedIndicatif: {
+type: BooleanConstructor;
+default: boolean;
+};
+withCountryCode: {
+type: BooleanConstructor;
+default: boolean;
+};
+countryCodeRequired: {
+type: BooleanConstructor;
+default: boolean;
+};
+displayFormat: {
+type: PropType<DisplayFormat>;
+default: string;
+};
+customIndicatifs: {
+type: PropType<Indicatif[]>;
+default: () => never[];
+};
+useCustomIndicatifsOnly: {
+type: BooleanConstructor;
+default: boolean;
+};
+isValidatedOnBlur: {
+type: BooleanConstructor;
+default: boolean;
+};
+}>> & Readonly<{
+onChange?: ((...args: any[]) => any) | undefined;
+"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+"onUpdate:selectedDialCode"?: ((...args: any[]) => any) | undefined;
+}>, {
+outlined: boolean;
+modelValue: string;
+required: boolean;
+dialCodeModel: string | Record<string, any>;
+outlinedIndicatif: boolean;
+withCountryCode: boolean;
+countryCodeRequired: boolean;
+displayFormat: DisplayFormat;
+customIndicatifs: Indicatif[];
+useCustomIndicatifsOnly: boolean;
+isValidatedOnBlur: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+
 declare interface Props {
     threshold?: number;
     nudgeRight?: string | number;
@@ -1057,7 +1372,16 @@ declare interface Props_2 {
 
 declare type PropsList = Record<string, unknown>;
 
-export declare const SkipLink: __VLS_WithTemplateSlots_18<DefineComponent<    {
+declare type RuleOptions = {
+    fieldName?: string;
+    message?: string;
+    length?: number;
+    value?: number;
+    pattern?: RegExp;
+    ignoreSpace?: boolean;
+};
+
+export declare const SkipLink: __VLS_WithTemplateSlots_24<DefineComponent<    {
 label?: string | undefined;
 target?: string | undefined;
 }, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{
@@ -1094,8 +1418,8 @@ links: SocialMediaLink_2[];
 
 declare type State = 'idle' | 'loading' | 'success' | 'error';
 
-export declare const SubHeader: __VLS_WithTemplateSlots_19<DefineComponent<CustomizableOptions & Widthable & {
-hideBackBtn: boolean;
+export declare const SubHeader: __VLS_WithTemplateSlots_25<DefineComponent<CustomizableOptions & Widthable & {
+hideBackBtn?: boolean | undefined;
 backBtnText?: string | undefined;
 titleText?: string | undefined;
 subTitleText?: string | undefined;
@@ -1106,7 +1430,7 @@ renderHtmlValue?: boolean | undefined;
 "click:list-item": (...args: any[]) => void;
 back: (...args: any[]) => void;
 }, string, PublicProps, Readonly<CustomizableOptions & Widthable & {
-hideBackBtn: boolean;
+hideBackBtn?: boolean | undefined;
 backBtnText?: string | undefined;
 titleText?: string | undefined;
 subTitleText?: string | undefined;
@@ -1133,8 +1457,338 @@ dataListGroupItems: DataListGroupItems_2;
     "right-content"?(_: {}): any;
 }>;
 
+export declare const SyBtnSelect: __VLS_WithTemplateSlots_5<DefineComponent<ExtractPropTypes<    {
+modelValue: {
+type: (ObjectConstructor | StringConstructor | null)[];
+default: null;
+};
+menuItems: {
+type: ArrayConstructor;
+default: () => never[];
+};
+label: {
+type: StringConstructor;
+default: string;
+};
+required: {
+type: BooleanConstructor;
+default: boolean;
+};
+menuId: {
+type: StringConstructor;
+default: string;
+};
+textKey: {
+type: StringConstructor;
+default: string;
+};
+valueKey: {
+type: StringConstructor;
+default: string;
+};
+primaryInfo: {
+type: StringConstructor;
+default: string;
+};
+secondaryInfo: {
+type: StringConstructor;
+default: undefined;
+};
+hideIcon: {
+type: BooleanConstructor;
+default: boolean;
+};
+hideLogoutBtn: {
+type: BooleanConstructor;
+default: boolean;
+};
+isMobileView: {
+type: BooleanConstructor;
+default: boolean;
+};
+iconOnly: {
+type: BooleanConstructor;
+default: boolean;
+};
+options: {
+type: ObjectConstructor;
+default: () => {
+menu: {};
+btn: {};
+list: {};
+};
+};
+}>, {
+isOpen: Ref<boolean, boolean>;
+formattedItems: ComputedRef<unknown[]>;
+selectedItem: Ref<string | Record<string, unknown> | null, string | Record<string, unknown> | null>;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+"update:modelValue": (...args: any[]) => void;
+logout: (...args: any[]) => void;
+}, string, PublicProps, Readonly<ExtractPropTypes<    {
+modelValue: {
+type: (ObjectConstructor | StringConstructor | null)[];
+default: null;
+};
+menuItems: {
+type: ArrayConstructor;
+default: () => never[];
+};
+label: {
+type: StringConstructor;
+default: string;
+};
+required: {
+type: BooleanConstructor;
+default: boolean;
+};
+menuId: {
+type: StringConstructor;
+default: string;
+};
+textKey: {
+type: StringConstructor;
+default: string;
+};
+valueKey: {
+type: StringConstructor;
+default: string;
+};
+primaryInfo: {
+type: StringConstructor;
+default: string;
+};
+secondaryInfo: {
+type: StringConstructor;
+default: undefined;
+};
+hideIcon: {
+type: BooleanConstructor;
+default: boolean;
+};
+hideLogoutBtn: {
+type: BooleanConstructor;
+default: boolean;
+};
+isMobileView: {
+type: BooleanConstructor;
+default: boolean;
+};
+iconOnly: {
+type: BooleanConstructor;
+default: boolean;
+};
+options: {
+type: ObjectConstructor;
+default: () => {
+menu: {};
+btn: {};
+list: {};
+};
+};
+}>> & Readonly<{
+"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+onLogout?: ((...args: any[]) => any) | undefined;
+}>, {
+modelValue: string | Record<string, any> | null;
+label: string;
+options: Record<string, any>;
+required: boolean;
+menuItems: unknown[];
+menuId: string;
+textKey: string;
+valueKey: string;
+primaryInfo: string;
+secondaryInfo: string;
+hideIcon: boolean;
+hideLogoutBtn: boolean;
+isMobileView: boolean;
+iconOnly: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>, {
+    "prepend-icon"?(_: {}): any;
+    "append-icon"?(_: {}): any;
+    content?(_: {}): any;
+    default?(_: {}): any;
+    "footer-list-item"?(_: {}): any;
+}>;
+
+export declare const SyInputSelect: 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;
+isHeaderToolbar?: boolean | undefined;
+}, {
+isOpen: Ref<boolean, boolean>;
+closeList: () => void;
+selectItem: (item: any) => void;
+selectedItem: Ref<string | Record<string, unknown> | null, string | Record<string, unknown> | null>;
+getItemText: (item: unknown) => any;
+}, {}, {}, {}, 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;
+isHeaderToolbar?: boolean | 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[];
+isHeaderToolbar: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+
+export declare const SySelect: 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;
+};
+}>, {
+isOpen: Ref<boolean, boolean>;
+closeList: () => void;
+}, {}, {}, {}, 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;
+menuId: string;
+textKey: string;
+valueKey: string;
+errorMessages: string | readonly string[];
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+
+export declare const SyTextField: __VLS_WithTemplateSlots_6<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;
+}>;
+
+declare type Theme = 'ameli' | 'ameli-pro' | 'cnam' | 'compte-ameli' | 'compte-entreprise' | 'default' | 'risque-pro';
+
 declare function updateLang(lang: string): void;
 
+export declare function useFieldValidation(): {
+    generateRules: (fieldRules: Array<{
+        type: string;
+        options?: RuleOptions;
+    }>) => ValidationRule[];
+};
+
 declare function useNotificationService(): {
     notificationQueue: Ref<    {
     id: string;
@@ -1154,7 +1808,61 @@ declare function useNotificationService(): {
     clearQueue: () => void;
 };
 
-declare interface Widthable {
+export declare const UserMenuBtn: DefineComponent<CustomizableOptions & {
+modelValue: string | Record<string, any> | null | undefined;
+menuItems?: {
+text: string;
+value: string;
+}[] | undefined;
+additionalInformation?: string | undefined;
+fullName?: string | undefined;
+hideLogoutBtn?: boolean | undefined;
+logoutIcon?: string | undefined;
+isMobileView?: boolean | undefined;
+hideUserIcon?: boolean | undefined;
+}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+"update:modelValue": (...args: any[]) => void;
+logout: (...args: any[]) => void;
+}, string, PublicProps, Readonly<CustomizableOptions & {
+modelValue: string | Record<string, any> | null | undefined;
+menuItems?: {
+text: string;
+value: string;
+}[] | undefined;
+additionalInformation?: string | undefined;
+fullName?: string | undefined;
+hideLogoutBtn?: boolean | undefined;
+logoutIcon?: string | undefined;
+isMobileView?: boolean | undefined;
+hideUserIcon?: boolean | undefined;
+}> & Readonly<{
+"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+onLogout?: ((...args: any[]) => any) | undefined;
+}>, {
+modelValue: string | Record<string, any> | null | undefined;
+menuItems: {
+text: string;
+value: string;
+}[];
+hideLogoutBtn: boolean;
+isMobileView: boolean;
+additionalInformation: string;
+fullName: string;
+logoutIcon: string;
+hideUserIcon: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+
+export declare function useWidthable(props: {
+    maxWidth?: NumberOrNumberString;
+    minWidth?: NumberOrNumberString;
+    width?: NumberOrNumberString;
+}): {
+    widthStyles: ComputedRef<Record<string, string | undefined>>;
+};
+
+declare type ValidationRule = (value: any) => string | boolean;
+
+export declare interface Widthable {
     maxWidth?: NumberOrNumberString;
     minWidth?: NumberOrNumberString;
     width?: NumberOrNumberString;