@cnamts/synapse 0.0.9-alpha → 0.0.10-alpha

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

@@ -169,16 +169,30 @@ declare type __VLS_Props_15 = CustomizableOptions & {
 };
 
 declare type __VLS_Props_16 = {
+    uploadList: Item_2[];
+    locales?: typeof locales;
+} & Widthable;
+
+declare type __VLS_Props_17 = {
+    file?: File | Blob;
+    options?: {
+        pdf?: Record<string, string>;
+        image?: Record<string, string>;
+    };
+    locales?: typeof locales_2;
+};
+
+declare type __VLS_Props_18 = {
     modelValue: File[];
     disabled?: boolean;
     multiple?: boolean;
     fileSizeMax?: number;
     fileSizeUnits?: Array<string>;
     allowedExtensions?: Array<string>;
-    locales?: typeof locales;
+    locales?: typeof locales_3;
 } & Widthable;
 
-declare type __VLS_Props_17 = CustomizableOptions & {
+declare type __VLS_Props_19 = CustomizableOptions & {
     a11yCompliance?: string;
     linkItems?: LinkItem[] | null;
     items?: LinkItem[] | null;
@@ -199,13 +213,18 @@ declare type __VLS_Props_17 = CustomizableOptions & {
     light?: boolean;
 };
 
-declare type __VLS_Props_18 = {
+declare type __VLS_Props_2 = {
+    hideBackIcon?: boolean;
+    dark?: boolean;
+};
+
+declare type __VLS_Props_20 = {
     href: string;
     isConnectPlus?: boolean;
     dark?: boolean;
 };
 
-declare type __VLS_Props_19 = {
+declare type __VLS_Props_21 = {
     /** Keep the header visible */
     sticky?: boolean;
     /**
@@ -220,16 +239,11 @@ declare type __VLS_Props_19 = {
     };
 } & LogoProps;
 
-declare type __VLS_Props_2 = {
-    hideBackIcon?: boolean;
-    dark?: boolean;
-};
-
-declare type __VLS_Props_20 = {
+declare type __VLS_Props_22 = {
     title?: string;
 };
 
-declare type __VLS_Props_21 = {
+declare type __VLS_Props_23 = {
     ariaLabel?: string;
     serviceTitle?: string;
     serviceSubtitle?: string;
@@ -240,7 +254,7 @@ declare type __VLS_Props_21 = {
     };
 };
 
-declare type __VLS_Props_22 = CustomizableOptions & {
+declare type __VLS_Props_24 = CustomizableOptions & {
     homeAriaLabel?: string;
     serviceTitle?: string;
     serviceSubtitle?: string;
@@ -267,7 +281,7 @@ declare type __VLS_Props_22 = CustomizableOptions & {
     items?: NavigationItem[];
 };
 
-declare type __VLS_Props_23 = CustomizableOptions & {
+declare type __VLS_Props_25 = CustomizableOptions & {
     modelValue?: string;
     hideDownArrow?: boolean;
     ariaLabel?: string;
@@ -275,7 +289,7 @@ declare type __VLS_Props_23 = CustomizableOptions & {
     availableLanguages?: string[] | AllLanguagesChar;
 };
 
-declare type __VLS_Props_24 = {
+declare type __VLS_Props_26 = {
     theme?: Theme;
     serviceTitle?: string;
     serviceSubTitle?: string;
@@ -288,26 +302,28 @@ declare type __VLS_Props_24 = {
     };
 };
 
-declare type __VLS_Props_25 = {
+declare type __VLS_Props_27 = {
     btnText?: string;
     btnHref?: string;
     btnLink?: RouteRecordRaw | string;
     hideBtn?: boolean;
 };
 
-declare type __VLS_Props_26 = CustomizableOptions & {
+declare type __VLS_Props_28 = CustomizableOptions & {
     closeBtnText?: string;
     rounded?: 0 | 1 | 2 | 3 | 4 | 'xs' | 'sm' | true | 'lg' | 'xl' | 'pill' | 'circle' | 'shaped';
     bottom?: true | false;
 };
 
-declare type __VLS_Props_27 = {
+declare type __VLS_Props_29 = {
     size?: 'xl' | 'lg' | 'md' | 'sm' | 'xs';
     spacing?: 'xl' | 'lg' | 'md' | 'sm' | 'xs';
     color?: string;
 };
 
-declare type __VLS_Props_28 = {
+declare type __VLS_Props_3 = Props & CustomizableOptions;
+
+declare type __VLS_Props_30 = {
     modelValue?: string | null;
     outlined?: boolean;
     required?: boolean;
@@ -315,15 +331,38 @@ declare type __VLS_Props_28 = {
     customRules?: any;
 } & CustomizableOptions;
 
-declare type __VLS_Props_29 = CustomizableOptions & {
+declare type __VLS_Props_31 = {
+    modelValue?: PeriodValue;
+    placeholderFrom?: string;
+    placeholderTo?: string;
+    format?: string;
+    dateFormatReturn?: string;
+    showWeekNumber?: boolean;
+    required?: boolean;
+    displayIcon?: boolean;
+    displayAppendIcon?: boolean;
+    isDisabled?: boolean;
+    noIcon?: boolean;
+    noCalendar?: boolean;
+    isOutlined?: boolean;
+    showSuccessMessages?: boolean;
+    customRules?: {
+        type: string;
+        options: RuleOptions;
+    }[];
+    customWarningRules?: {
+        type: string;
+        options: RuleOptions;
+    }[];
+};
+
+declare type __VLS_Props_32 = CustomizableOptions & {
     min?: number;
     max?: number;
     step?: number;
 };
 
-declare type __VLS_Props_3 = Props & CustomizableOptions;
-
-declare type __VLS_Props_30 = CustomizableOptions & {
+declare type __VLS_Props_33 = CustomizableOptions & {
     modelValue?: SelectBtnValue;
     items?: SelectBtnItem[];
     label?: string;
@@ -335,12 +374,12 @@ declare type __VLS_Props_30 = CustomizableOptions & {
     readonly?: boolean;
 };
 
-declare type __VLS_Props_31 = {
+declare type __VLS_Props_34 = {
     label?: string;
     target?: string;
 };
 
-declare type __VLS_Props_32 = CustomizableOptions & Widthable & {
+declare type __VLS_Props_35 = CustomizableOptions & Widthable & {
     hideBackBtn?: boolean;
     backBtnText?: string;
     titleText?: string;
@@ -350,13 +389,13 @@ declare type __VLS_Props_32 = CustomizableOptions & Widthable & {
     renderHtmlValue?: boolean;
 };
 
-declare type __VLS_Props_33 = {
+declare type __VLS_Props_36 = {
     type?: 'success' | 'info' | 'warning' | 'error';
     closable?: boolean;
     variant?: 'tonal' | 'outlined';
 };
 
-declare type __VLS_Props_34 = CustomizableOptions & {
+declare type __VLS_Props_37 = CustomizableOptions & {
     menuItems?: MenuItem_3[];
     additionalInformation?: string;
     fullName?: string;
@@ -417,19 +456,19 @@ declare type __VLS_PublicProps_5 = {
 
 declare type __VLS_PublicProps_6 = {
     'burgerMenu'?: boolean;
-} & __VLS_Props_22;
+} & __VLS_Props_24;
 
 declare type __VLS_PublicProps_7 = {
     modelValue?: Array<number>;
-} & __VLS_Props_29;
+} & __VLS_Props_32;
 
 declare type __VLS_PublicProps_8 = {
     modelValue?: boolean;
-} & __VLS_Props_33;
+} & __VLS_Props_36;
 
 declare type __VLS_PublicProps_9 = {
     modelValue?: MenuItem_3 | null;
-} & __VLS_Props_34;
+} & __VLS_Props_37;
 
 declare type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
@@ -575,6 +614,18 @@ declare type __VLS_WithTemplateSlots_30<T, S> = T & {
     };
 };
 
+declare type __VLS_WithTemplateSlots_31<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
+declare type __VLS_WithTemplateSlots_32<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
 declare type __VLS_WithTemplateSlots_4<T, S> = T & {
     new (): {
         $slots: S;
@@ -901,7 +952,9 @@ renderHtmlValue: boolean;
     action?(_: {}): any;
 }>;
 
-declare type DateInput = string | string[];
+declare type DateInput = string | string[] | null | object;
+
+declare type DateInput_2 = string | null;
 
 export declare const DatePicker: DefineComponent<__VLS_Props, {
 validateOnSubmit: () => any;
@@ -912,8 +965,10 @@ handleClickOutside: (event: MouseEvent) => void;
 initializeSelectedDates: typeof initializeSelectedDates;
 }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
 "update:model-value": (value: DateValue) => any;
+closed: () => any;
 }, string, PublicProps, Readonly<__VLS_Props> & Readonly<{
 "onUpdate:model-value"?: ((value: DateValue) => any) | undefined;
+onClosed?: (() => any) | undefined;
 }>, {
 modelValue: DateInput;
 required: boolean;
@@ -1079,12 +1134,49 @@ declare interface FileInfo {
     type: string;
 }
 
-export declare const FileUpload: __VLS_WithTemplateSlots_14<DefineComponent<__VLS_Props_16, {
+declare const FileList_2: __VLS_WithTemplateSlots_14<DefineComponent<__VLS_Props_16, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+delete: (item: Item_2) => any;
+upload: (item: Item_2) => any;
+preview: (item: Item_2) => any;
+}, string, PublicProps, Readonly<__VLS_Props_16> & Readonly<{
+onDelete?: ((item: Item_2) => any) | undefined;
+onUpload?: ((item: Item_2) => any) | undefined;
+onPreview?: ((item: Item_2) => any) | undefined;
+}>, {
+locales: {
+optionalDocument: string;
+see: string;
+delete: string;
+uploading: string;
+success: string;
+error: string;
+errorOccurred: string;
+};
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLUListElement>, Partial<Record<`file-icon-${string}`, (_: {
+    state: "success" | "error" | "loading" | "initial";
+}) => any>>>;
+export { FileList_2 as FileList }
+
+export declare const FilePreview: __VLS_WithTemplateSlots_15<DefineComponent<__VLS_Props_17, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_17> & Readonly<{}>, {
+options: {
+pdf?: Record<string, string> | undefined;
+image?: Record<string, string> | undefined;
+};
+locales: {
+previewNotAvailable: string;
+previewTypeNotAvailable: string;
+};
+file: Blob | File;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
+    default?(_: {}): any;
+}>;
+
+export declare const FileUpload: __VLS_WithTemplateSlots_16<DefineComponent<__VLS_Props_18, {
 fileInput: Ref<HTMLInputElement | null, HTMLInputElement | null>;
 }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
 error: (value: string[]) => any;
 "update:modelValue": (value: File[]) => any;
-}, string, PublicProps, Readonly<__VLS_Props_16> & Readonly<{
+}, string, PublicProps, Readonly<__VLS_Props_18> & Readonly<{
 onError?: ((value: string[]) => any) | undefined;
 "onUpdate:modelValue"?: ((value: File[]) => any) | undefined;
 }>, {
@@ -1121,9 +1213,9 @@ declare interface FileUploadContentSlots {
 
 declare function focus_2(): void;
 
-export declare const FooterBar: __VLS_WithTemplateSlots_15<DefineComponent<__VLS_Props_17, {
+export declare const FooterBar: __VLS_WithTemplateSlots_17<DefineComponent<__VLS_Props_19, {
 logoSize: ComputedRef<"small" | "normal">;
-}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_17> & Readonly<{}>, {
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_19> & Readonly<{}>, {
 light: boolean;
 items: LinkItem[] | null;
 a11yCompliance: string;
@@ -1149,7 +1241,7 @@ socialMediaLinks: SocialMediaLink[];
     append?(_: {}): any;
 }>;
 
-export declare const FranceConnectBtn: DefineComponent<__VLS_Props_18, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_18> & Readonly<{}>, {
+export declare const FranceConnectBtn: DefineComponent<__VLS_Props_20, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_20> & Readonly<{}>, {
 dark: boolean;
 isConnectPlus: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
@@ -1159,7 +1251,7 @@ isConnectPlus: boolean;
  */
 declare function getFileInfo(header: Record<string, string>): FileInfo;
 
-export declare const HeaderBar: __VLS_WithTemplateSlots_16<DefineComponent<__VLS_Props_19, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_19> & Readonly<{}>, {
+export declare const HeaderBar: __VLS_WithTemplateSlots_18<DefineComponent<__VLS_Props_21, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_21> & Readonly<{}>, {
 sticky: boolean;
 serviceTitle: string;
 serviceSubtitle: string;
@@ -1193,7 +1285,7 @@ headerSticky: HTMLDivElement;
     'header-side': (props: SlotProps) => unknown;
 }>;
 
-export declare const HeaderBurgerMenu: __VLS_WithTemplateSlots_17<DefineComponent<__VLS_PublicProps_4, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+export declare const HeaderBurgerMenu: __VLS_WithTemplateSlots_19<DefineComponent<__VLS_PublicProps_4, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 "update:modelValue": (value: boolean) => any;
 }, string, PublicProps, Readonly<__VLS_PublicProps_4> & Readonly<{
 "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
@@ -1275,7 +1367,7 @@ width: string;
 height: string;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 
-export declare const HeaderLogo: __VLS_WithTemplateSlots_21<DefineComponent<__VLS_Props_21, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_21> & Readonly<{}>, {
+export declare const HeaderLogo: __VLS_WithTemplateSlots_23<DefineComponent<__VLS_Props_23, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_23> & Readonly<{}>, {
 ariaLabel: string;
 serviceTitle: string;
 serviceSubtitle: string;
@@ -1300,16 +1392,16 @@ focus: typeof focus_2;
 btn: HTMLButtonElement;
 }, HTMLButtonElement>;
 
-export declare const HeaderMenuItem: __VLS_WithTemplateSlots_18<DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLLIElement>, {
+export declare const HeaderMenuItem: __VLS_WithTemplateSlots_20<DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLLIElement>, {
     default?(_: {}): any;
 }>;
 
-export declare const HeaderMenuSection: __VLS_WithTemplateSlots_19<DefineComponent<__VLS_Props_20, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_20> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>, {
+export declare const HeaderMenuSection: __VLS_WithTemplateSlots_21<DefineComponent<__VLS_Props_22, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_22> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>, {
     title?(_: {}): any;
     default?(_: {}): any;
 }>;
 
-export declare const HeaderNavigationBar: __VLS_WithTemplateSlots_22<DefineComponent<__VLS_PublicProps_6, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+export declare const HeaderNavigationBar: __VLS_WithTemplateSlots_24<DefineComponent<__VLS_PublicProps_6, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 "update:burgerMenu": (value: boolean) => any;
 }, string, PublicProps, Readonly<__VLS_PublicProps_6> & Readonly<{
 "onUpdate:burgerMenu"?: ((value: boolean) => any) | undefined;
@@ -1348,12 +1440,12 @@ maxHorizontalMenuItems: number;
     'navigation-menu-content': (props: SlotProps_2) => unknown;
 }>;
 
-export declare const HeaderSubMenu: __VLS_WithTemplateSlots_20<DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLDivElement>, {
+export declare const HeaderSubMenu: __VLS_WithTemplateSlots_22<DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLDivElement>, {
     title?(_: {}): any;
     default?(_: {}): any;
 }>;
 
-export declare const HeaderToolbar: __VLS_WithTemplateSlots_23<DefineComponent<ExtractPropTypes<    {
+export declare const HeaderToolbar: __VLS_WithTemplateSlots_25<DefineComponent<ExtractPropTypes<    {
 leftMenu: {
 type: PropType<MenuItem_2[]>;
 default: () => ({
@@ -1463,9 +1555,21 @@ export declare function isNIRKeyValid(nir: string): boolean;
 
 declare type Item = string | Record<string, unknown>;
 
+declare interface Item_2 {
+    id: string;
+    title: string;
+    state: string;
+    fileName?: string;
+    optional?: boolean;
+    progress?: number;
+    showUploadBtn?: boolean;
+    showPreviewBtn?: boolean;
+    showDeleteBtn?: boolean;
+}
+
 export declare const KEY_LENGTH = 2;
 
-export declare const LangBtn: DefineComponent<__VLS_Props_23, {
+export declare const LangBtn: DefineComponent<__VLS_Props_25, {
 currentLangData: ComputedRef<    {
 name: string;
 label: string;
@@ -1475,7 +1579,7 @@ selectedLanguage: Ref<string, string>;
 }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 change: (...args: any[]) => void;
 "update:modelValue": (...args: any[]) => void;
-}, string, PublicProps, Readonly<__VLS_Props_23> & Readonly<{
+}, string, PublicProps, Readonly<__VLS_Props_25> & Readonly<{
 onChange?: ((...args: any[]) => any) | undefined;
 "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
@@ -1487,6 +1591,21 @@ availableLanguages: string[] | "*";
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 
 declare const locales: {
+    optionalDocument: string;
+    see: string;
+    delete: string;
+    uploading: string;
+    success: string;
+    error: string;
+    errorOccurred: string;
+};
+
+declare const locales_2: {
+    previewNotAvailable: string;
+    previewTypeNotAvailable: string;
+};
+
+declare const locales_3: {
     or: string;
     chooseFile: (multiple: boolean) => "Choisir des fichiers" | "Choisir un fichier";
     infoText: (max: string, ext: string[]) => string;
@@ -1566,7 +1685,7 @@ hideOrganism: boolean;
 risquePro: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, SVGSVGElement>;
 
-export declare const LogoBrandSection: __VLS_WithTemplateSlots_24<DefineComponent<__VLS_Props_24, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_24> & Readonly<{}>, {
+export declare const LogoBrandSection: __VLS_WithTemplateSlots_26<DefineComponent<__VLS_Props_26, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_26> & Readonly<{}>, {
 theme: Theme;
 serviceTitle: string;
 homeLink: {
@@ -1624,7 +1743,7 @@ declare interface NavigationItem {
 
 export { NirField }
 
-export declare const NotFoundPage: DefineComponent<__VLS_Props_25, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_25> & Readonly<{}>, {
+export declare const NotFoundPage: DefineComponent<__VLS_Props_27, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_27> & Readonly<{}>, {
 btnText: string;
 btnHref: string;
 btnLink: string | RouteRecordRaw;
@@ -1640,7 +1759,7 @@ declare interface Notification_2 {
 }
 export { Notification_2 as Notification }
 
-export declare const NotificationBar: __VLS_WithTemplateSlots_25<DefineComponent<__VLS_Props_26, {
+export declare const NotificationBar: __VLS_WithTemplateSlots_27<DefineComponent<__VLS_Props_28, {
 openNotification: (notification: Notification_2) => void;
 handleClearNotification: () => void;
 showNextNotification: () => void;
@@ -1657,7 +1776,7 @@ contentColor: string;
 }>;
 smallCloseBtn: ComputedRef<boolean>;
 isVertical: ComputedRef<boolean>;
-}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_26> & Readonly<{}>, {
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_28> & Readonly<{}>, {
 rounded: true | 0 | 1 | 2 | 3 | 4 | "circle" | "pill" | "xl" | "lg" | "sm" | "xs" | "shaped";
 bottom: boolean;
 closeBtnText: string;
@@ -1675,10 +1794,10 @@ export declare const NUMBER_LENGTH = 13;
 
 export declare type NumberOrNumberString = string | number | undefined;
 
-export declare const PageContainer: __VLS_WithTemplateSlots_26<DefineComponent<__VLS_Props_27, {
+export declare const PageContainer: __VLS_WithTemplateSlots_28<DefineComponent<__VLS_Props_29, {
 spacingClass: ComputedRef<string>;
 containerSize: ComputedRef<number>;
-}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_27> & Readonly<{}>, {
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_29> & Readonly<{}>, {
 color: string;
 size: "xl" | "lg" | "md" | "sm" | "xs";
 spacing: "xl" | "lg" | "md" | "sm" | "xs";
@@ -1686,12 +1805,12 @@ spacing: "xl" | "lg" | "md" | "sm" | "xs";
     default?(_: {}): any;
 }>;
 
-export declare const PasswordField: DefineComponent<__VLS_Props_28, {
+export declare const PasswordField: DefineComponent<__VLS_Props_30, {
 validateOnSubmit: typeof validateOnSubmit;
 }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 submit: (...args: any[]) => void;
 "update:modelValue": (...args: any[]) => void;
-}, string, PublicProps, Readonly<__VLS_Props_28> & Readonly<{
+}, string, PublicProps, Readonly<__VLS_Props_30> & Readonly<{
 onSubmit?: ((...args: any[]) => any) | undefined;
 "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
@@ -1702,6 +1821,454 @@ customRules: any;
 isValidateOnBlur: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
+export declare const PeriodField: DefineComponent<__VLS_Props_31, {
+validateOnSubmit: () => boolean;
+errors: Ref<string[], string[]>;
+successes: Ref<string[], string[]>;
+isValid: ComputedRef<boolean>;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+"update:modelValue": (...args: any[]) => void;
+}, string, PublicProps, Readonly<__VLS_Props_31> & Readonly<{
+"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {
+modelValue: PeriodValue;
+required: boolean;
+isDisabled: boolean;
+noIcon: boolean;
+format: string;
+dateFormatReturn: string;
+showWeekNumber: boolean;
+displayIcon: boolean;
+displayAppendIcon: boolean;
+customRules: {
+type: string;
+options: RuleOptions;
+}[];
+customWarningRules: {
+type: string;
+options: RuleOptions;
+}[];
+noCalendar: boolean;
+isOutlined: boolean;
+showSuccessMessages: boolean;
+placeholderFrom: string;
+placeholderTo: string;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {
+fromDateRef: CreateComponentPublicInstanceWithMixins<Readonly<{
+modelValue?: (string | object | string[] | null) | undefined;
+placeholder?: string | undefined;
+format?: string | undefined;
+dateFormatReturn?: string | undefined;
+isBirthDate?: boolean | undefined;
+showWeekNumber?: boolean | undefined;
+required?: boolean | undefined;
+displayRange?: boolean | undefined;
+displayIcon?: boolean | undefined;
+displayAppendIcon?: boolean | undefined;
+customRules?: {
+type: string;
+options: RuleOptions;
+}[] | undefined;
+customWarningRules?: {
+type: string;
+options: RuleOptions;
+}[] | undefined;
+isDisabled?: boolean | undefined;
+noIcon?: boolean | undefined;
+noCalendar?: boolean | undefined;
+isOutlined?: boolean | undefined;
+}> & Readonly<{
+"onUpdate:model-value"?: ((value: string | [string, string]) => any) | undefined;
+onClosed?: (() => any) | undefined;
+}>, {
+validateOnSubmit: () => any;
+isDatePickerVisible: Ref<boolean, boolean>;
+selectedDates: Ref<Date | Date[] | null, Date | Date[] | null>;
+errorMessages: Ref<string[], string[]>;
+handleClickOutside: (event: MouseEvent) => void;
+initializeSelectedDates: (modelValue: string | object | string[] | null) => Date | Date[] | null;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+"update:model-value": (value: string | [string, string]) => any;
+closed: () => any;
+}, PublicProps, {
+modelValue: string | object | string[] | null;
+required: boolean;
+isDisabled: boolean;
+placeholder: string;
+noIcon: boolean;
+format: string;
+dateFormatReturn: string;
+isBirthDate: boolean;
+showWeekNumber: boolean;
+displayRange: boolean;
+displayIcon: boolean;
+displayAppendIcon: boolean;
+customRules: {
+type: string;
+options: RuleOptions;
+}[];
+customWarningRules: {
+type: string;
+options: RuleOptions;
+}[];
+noCalendar: boolean;
+isOutlined: boolean;
+}, false, {}, {}, GlobalComponents, GlobalDirectives, string, {
+dateTextInputRef: CreateComponentPublicInstanceWithMixins<Readonly<{
+modelValue?: (string | [string, string]) | undefined;
+displayFormat?: string | undefined;
+returnFormat?: string | undefined;
+range?: boolean | undefined;
+placeholder?: string | undefined;
+rules?: {
+type: string;
+options: RuleOptions;
+}[] | undefined;
+warningRules?: {
+type: string;
+options: RuleOptions;
+}[] | undefined;
+required?: boolean | undefined;
+}> & Readonly<{
+"onUpdate:modelValue"?: ((value: string | [string, string]) => any) | undefined;
+}>, {
+validate: () => void;
+validateOnSubmit: () => boolean;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+"update:modelValue": (value: string | [string, string]) => any;
+}, PublicProps, {
+modelValue: string | [string, string];
+required: boolean;
+placeholder: string;
+rules: {
+type: string;
+options: RuleOptions;
+}[];
+displayFormat: string;
+returnFormat: string;
+range: boolean;
+warningRules: {
+type: string;
+options: RuleOptions;
+}[];
+}, false, {}, {}, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
+P: {};
+B: {};
+D: {};
+C: {};
+M: {};
+Defaults: {};
+}, Readonly<{
+modelValue?: (string | [string, string]) | undefined;
+displayFormat?: string | undefined;
+returnFormat?: string | undefined;
+range?: boolean | undefined;
+placeholder?: string | undefined;
+rules?: {
+type: string;
+options: RuleOptions;
+}[] | undefined;
+warningRules?: {
+type: string;
+options: RuleOptions;
+}[] | undefined;
+required?: boolean | undefined;
+}> & Readonly<{
+"onUpdate:modelValue"?: ((value: string | [string, string]) => any) | undefined;
+}>, {
+validate: () => void;
+validateOnSubmit: () => boolean;
+}, {}, {}, {}, {
+modelValue: string | [string, string];
+required: boolean;
+placeholder: string;
+rules: {
+type: string;
+options: RuleOptions;
+}[];
+displayFormat: string;
+returnFormat: string;
+range: boolean;
+warningRules: {
+type: string;
+options: RuleOptions;
+}[];
+}> | null;
+}, HTMLDivElement, ComponentProvideOptions, {
+P: {};
+B: {};
+D: {};
+C: {};
+M: {};
+Defaults: {};
+}, Readonly<{
+modelValue?: (string | object | string[] | null) | undefined;
+placeholder?: string | undefined;
+format?: string | undefined;
+dateFormatReturn?: string | undefined;
+isBirthDate?: boolean | undefined;
+showWeekNumber?: boolean | undefined;
+required?: boolean | undefined;
+displayRange?: boolean | undefined;
+displayIcon?: boolean | undefined;
+displayAppendIcon?: boolean | undefined;
+customRules?: {
+type: string;
+options: RuleOptions;
+}[] | undefined;
+customWarningRules?: {
+type: string;
+options: RuleOptions;
+}[] | undefined;
+isDisabled?: boolean | undefined;
+noIcon?: boolean | undefined;
+noCalendar?: boolean | undefined;
+isOutlined?: boolean | undefined;
+}> & Readonly<{
+"onUpdate:model-value"?: ((value: string | [string, string]) => any) | undefined;
+onClosed?: (() => any) | undefined;
+}>, {
+validateOnSubmit: () => any;
+isDatePickerVisible: Ref<boolean, boolean>;
+selectedDates: Ref<Date | Date[] | null, Date | Date[] | null>;
+errorMessages: Ref<string[], string[]>;
+handleClickOutside: (event: MouseEvent) => void;
+initializeSelectedDates: (modelValue: string | object | string[] | null) => Date | Date[] | null;
+}, {}, {}, {}, {
+modelValue: string | object | string[] | null;
+required: boolean;
+isDisabled: boolean;
+placeholder: string;
+noIcon: boolean;
+format: string;
+dateFormatReturn: string;
+isBirthDate: boolean;
+showWeekNumber: boolean;
+displayRange: boolean;
+displayIcon: boolean;
+displayAppendIcon: boolean;
+customRules: {
+type: string;
+options: RuleOptions;
+}[];
+customWarningRules: {
+type: string;
+options: RuleOptions;
+}[];
+noCalendar: boolean;
+isOutlined: boolean;
+}> | null;
+toDateRef: CreateComponentPublicInstanceWithMixins<Readonly<{
+modelValue?: (string | object | string[] | null) | undefined;
+placeholder?: string | undefined;
+format?: string | undefined;
+dateFormatReturn?: string | undefined;
+isBirthDate?: boolean | undefined;
+showWeekNumber?: boolean | undefined;
+required?: boolean | undefined;
+displayRange?: boolean | undefined;
+displayIcon?: boolean | undefined;
+displayAppendIcon?: boolean | undefined;
+customRules?: {
+type: string;
+options: RuleOptions;
+}[] | undefined;
+customWarningRules?: {
+type: string;
+options: RuleOptions;
+}[] | undefined;
+isDisabled?: boolean | undefined;
+noIcon?: boolean | undefined;
+noCalendar?: boolean | undefined;
+isOutlined?: boolean | undefined;
+}> & Readonly<{
+"onUpdate:model-value"?: ((value: string | [string, string]) => any) | undefined;
+onClosed?: (() => any) | undefined;
+}>, {
+validateOnSubmit: () => any;
+isDatePickerVisible: Ref<boolean, boolean>;
+selectedDates: Ref<Date | Date[] | null, Date | Date[] | null>;
+errorMessages: Ref<string[], string[]>;
+handleClickOutside: (event: MouseEvent) => void;
+initializeSelectedDates: (modelValue: string | object | string[] | null) => Date | Date[] | null;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+"update:model-value": (value: string | [string, string]) => any;
+closed: () => any;
+}, PublicProps, {
+modelValue: string | object | string[] | null;
+required: boolean;
+isDisabled: boolean;
+placeholder: string;
+noIcon: boolean;
+format: string;
+dateFormatReturn: string;
+isBirthDate: boolean;
+showWeekNumber: boolean;
+displayRange: boolean;
+displayIcon: boolean;
+displayAppendIcon: boolean;
+customRules: {
+type: string;
+options: RuleOptions;
+}[];
+customWarningRules: {
+type: string;
+options: RuleOptions;
+}[];
+noCalendar: boolean;
+isOutlined: boolean;
+}, false, {}, {}, GlobalComponents, GlobalDirectives, string, {
+dateTextInputRef: CreateComponentPublicInstanceWithMixins<Readonly<{
+modelValue?: (string | [string, string]) | undefined;
+displayFormat?: string | undefined;
+returnFormat?: string | undefined;
+range?: boolean | undefined;
+placeholder?: string | undefined;
+rules?: {
+type: string;
+options: RuleOptions;
+}[] | undefined;
+warningRules?: {
+type: string;
+options: RuleOptions;
+}[] | undefined;
+required?: boolean | undefined;
+}> & Readonly<{
+"onUpdate:modelValue"?: ((value: string | [string, string]) => any) | undefined;
+}>, {
+validate: () => void;
+validateOnSubmit: () => boolean;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+"update:modelValue": (value: string | [string, string]) => any;
+}, PublicProps, {
+modelValue: string | [string, string];
+required: boolean;
+placeholder: string;
+rules: {
+type: string;
+options: RuleOptions;
+}[];
+displayFormat: string;
+returnFormat: string;
+range: boolean;
+warningRules: {
+type: string;
+options: RuleOptions;
+}[];
+}, false, {}, {}, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
+P: {};
+B: {};
+D: {};
+C: {};
+M: {};
+Defaults: {};
+}, Readonly<{
+modelValue?: (string | [string, string]) | undefined;
+displayFormat?: string | undefined;
+returnFormat?: string | undefined;
+range?: boolean | undefined;
+placeholder?: string | undefined;
+rules?: {
+type: string;
+options: RuleOptions;
+}[] | undefined;
+warningRules?: {
+type: string;
+options: RuleOptions;
+}[] | undefined;
+required?: boolean | undefined;
+}> & Readonly<{
+"onUpdate:modelValue"?: ((value: string | [string, string]) => any) | undefined;
+}>, {
+validate: () => void;
+validateOnSubmit: () => boolean;
+}, {}, {}, {}, {
+modelValue: string | [string, string];
+required: boolean;
+placeholder: string;
+rules: {
+type: string;
+options: RuleOptions;
+}[];
+displayFormat: string;
+returnFormat: string;
+range: boolean;
+warningRules: {
+type: string;
+options: RuleOptions;
+}[];
+}> | null;
+}, HTMLDivElement, ComponentProvideOptions, {
+P: {};
+B: {};
+D: {};
+C: {};
+M: {};
+Defaults: {};
+}, Readonly<{
+modelValue?: (string | object | string[] | null) | undefined;
+placeholder?: string | undefined;
+format?: string | undefined;
+dateFormatReturn?: string | undefined;
+isBirthDate?: boolean | undefined;
+showWeekNumber?: boolean | undefined;
+required?: boolean | undefined;
+displayRange?: boolean | undefined;
+displayIcon?: boolean | undefined;
+displayAppendIcon?: boolean | undefined;
+customRules?: {
+type: string;
+options: RuleOptions;
+}[] | undefined;
+customWarningRules?: {
+type: string;
+options: RuleOptions;
+}[] | undefined;
+isDisabled?: boolean | undefined;
+noIcon?: boolean | undefined;
+noCalendar?: boolean | undefined;
+isOutlined?: boolean | undefined;
+}> & Readonly<{
+"onUpdate:model-value"?: ((value: string | [string, string]) => any) | undefined;
+onClosed?: (() => any) | undefined;
+}>, {
+validateOnSubmit: () => any;
+isDatePickerVisible: Ref<boolean, boolean>;
+selectedDates: Ref<Date | Date[] | null, Date | Date[] | null>;
+errorMessages: Ref<string[], string[]>;
+handleClickOutside: (event: MouseEvent) => void;
+initializeSelectedDates: (modelValue: string | object | string[] | null) => Date | Date[] | null;
+}, {}, {}, {}, {
+modelValue: string | object | string[] | null;
+required: boolean;
+isDisabled: boolean;
+placeholder: string;
+noIcon: boolean;
+format: string;
+dateFormatReturn: string;
+isBirthDate: boolean;
+showWeekNumber: boolean;
+displayRange: boolean;
+displayIcon: boolean;
+displayAppendIcon: boolean;
+customRules: {
+type: string;
+options: RuleOptions;
+}[];
+customWarningRules: {
+type: string;
+options: RuleOptions;
+}[];
+noCalendar: boolean;
+isOutlined: boolean;
+}> | null;
+}, HTMLDivElement>;
+
+declare type PeriodValue = {
+    from: DateInput_2;
+    to: DateInput_2;
+};
+
 export declare const PhoneField: DefineComponent<ExtractPropTypes<    {
 modelValue: {
 type: StringConstructor;
@@ -1846,7 +2413,7 @@ min: number;
 step: number;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 
-export declare const RatingPicker: __VLS_WithTemplateSlots_27<DefineComponent<ExtractPropTypes<    {
+export declare const RatingPicker: __VLS_WithTemplateSlots_29<DefineComponent<ExtractPropTypes<    {
 type: {
 type: StringConstructor;
 required: true;
@@ -1937,11 +2504,11 @@ export declare type RuleOptions = {
     date?: string | Date;
 };
 
-export declare const SelectBtnField: DefineComponent<__VLS_Props_30, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+export declare const SelectBtnField: DefineComponent<__VLS_Props_33, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 "update:modelValue": (...args: any[]) => void;
 "update:error": (...args: any[]) => void;
 "update:error-messages": (...args: any[]) => void;
-}, string, PublicProps, Readonly<__VLS_Props_30> & Readonly<{
+}, string, PublicProps, Readonly<__VLS_Props_33> & Readonly<{
 "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 "onUpdate:error"?: ((...args: any[]) => any) | undefined;
 "onUpdate:error-messages"?: ((...args: any[]) => any) | undefined;
@@ -1957,7 +2524,7 @@ items: SelectBtnItem[];
 inline: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 
-export declare const SkipLink: __VLS_WithTemplateSlots_28<DefineComponent<__VLS_Props_31, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_31> & Readonly<{}>, {
+export declare const SkipLink: __VLS_WithTemplateSlots_30<DefineComponent<__VLS_Props_34, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_34> & Readonly<{}>, {
 label: string;
 target: string;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {
@@ -1990,10 +2557,10 @@ links: SocialMediaLink_2[];
 
 declare type State = 'idle' | 'loading' | 'success' | 'error';
 
-export declare const SubHeader: __VLS_WithTemplateSlots_29<DefineComponent<__VLS_Props_32, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+export declare const SubHeader: __VLS_WithTemplateSlots_31<DefineComponent<__VLS_Props_35, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 "click:list-item": (...args: any[]) => void;
 back: (...args: any[]) => void;
-}, string, PublicProps, Readonly<__VLS_Props_32> & Readonly<{
+}, string, PublicProps, Readonly<__VLS_Props_35> & Readonly<{
 "onClick:list-item"?: ((...args: any[]) => any) | undefined;
 onBack?: ((...args: any[]) => any) | undefined;
 }>, {
@@ -2013,13 +2580,15 @@ dataListGroupItems: DataListGroupItems_2;
     'right-content'?(_: {}): any;
 }>;
 
-export declare const SyAlert: __VLS_WithTemplateSlots_30<DefineComponent<__VLS_PublicProps_8, {
+export declare const SyAlert: __VLS_WithTemplateSlots_32<DefineComponent<__VLS_PublicProps_8, {
 prependIcon: ComputedRef<string>;
 dismissAlert: typeof dismissAlert;
 }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-"update:modelValue": (value: boolean) => any;
+"click:close": (...args: any[]) => void;
+"update:modelValue": (value: boolean) => void;
 }, string, PublicProps, Readonly<__VLS_PublicProps_8> & Readonly<{
 "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+"onClick:close"?: ((...args: any[]) => any) | undefined;
 }>, {
 type: "info" | "success" | "warning" | "error";
 variant: "outlined" | "tonal";