@mozaic-ds/vue 2.3.0 → 2.4.0

package/dist/mozaic-vue.d.ts

@@ -27,17 +27,19 @@ size: "s" | "m" | "l";
 type: "button" | "reset" | "submit";
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLButtonElement>;
 
-declare const __VLS_component_10: DefineComponent<__VLS_Props_29, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+declare const __VLS_component_10: DefineComponent<__VLS_Props_19, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_19> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+
+declare const __VLS_component_11: DefineComponent<__VLS_Props_30, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
 close: () => any;
-}, string, PublicProps, Readonly<__VLS_Props_29> & Readonly<{
+}, string, PublicProps, Readonly<__VLS_Props_30> & Readonly<{
 onClose?: (() => any) | undefined;
 }>, {
 status: "info" | "success" | "warning" | "error";
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLElement>;
 
-declare const __VLS_component_11: DefineComponent<__VLS_Props_33, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+declare const __VLS_component_12: DefineComponent<__VLS_Props_34, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
 "update:modelValue": (value: string | number) => any;
-}, string, PublicProps, Readonly<__VLS_Props_33> & Readonly<{
+}, string, PublicProps, Readonly<__VLS_Props_34> & Readonly<{
 "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
 }>, {
 size: "s" | "m";
@@ -45,36 +47,38 @@ clearLabel: string;
 inputType: "date" | "email" | "number" | "password" | "search" | "tel" | "text";
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 
-declare const __VLS_component_12: DefineComponent<__VLS_Props_35, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_35> & Readonly<{}>, {
+declare const __VLS_component_13: DefineComponent<__VLS_Props_36, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_36> & Readonly<{}>, {
 position: "top" | "bottom" | "left" | "right";
 pointer: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 
-declare const __VLS_component_2: DefineComponent<__VLS_Props_7, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_7> & Readonly<{}>, {
+declare const __VLS_component_2: DefineComponent<__VLS_Props_6, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_6> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+
+declare const __VLS_component_3: DefineComponent<__VLS_Props_8, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_8> & Readonly<{}>, {
 size: "s" | "m" | "l";
 style: "primary" | "secondary" | "tertiary" | "inverse";
 orientation: "vertical" | "horizontal";
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 
-declare const __VLS_component_3: DefineComponent<__VLS_Props_8, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+declare const __VLS_component_4: DefineComponent<__VLS_Props_9, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
 back: () => any;
 "update:open": (value: boolean) => any;
-}, string, PublicProps, Readonly<__VLS_Props_8> & Readonly<{
+}, string, PublicProps, Readonly<__VLS_Props_9> & Readonly<{
 onBack?: (() => any) | undefined;
 "onUpdate:open"?: ((value: boolean) => any) | undefined;
 }>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 
-declare const __VLS_component_4: DefineComponent<__VLS_Props_9, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_9> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const __VLS_component_5: DefineComponent<__VLS_Props_10, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_10> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 
-declare const __VLS_component_5: DefineComponent<__VLS_Props_10, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_10> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLFieldSetElement>;
+declare const __VLS_component_6: DefineComponent<__VLS_Props_11, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_11> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLFieldSetElement>;
 
-declare const __VLS_component_6: DefineComponent<__VLS_Props_12, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_12> & Readonly<{}>, {
+declare const __VLS_component_7: DefineComponent<__VLS_Props_13, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_13> & Readonly<{}>, {
 appearance: "standard" | "accent" | "danger" | "inverse";
 size: "s" | "m" | "l";
 type: "button" | "reset" | "submit";
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLButtonElement>;
 
-declare const __VLS_component_7: DefineComponent<__VLS_Props_13, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_13> & Readonly<{}>, {
+declare const __VLS_component_8: DefineComponent<__VLS_Props_14, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_14> & Readonly<{}>, {
 iconPosition: "left" | "right";
 appearance: "secondary" | "accent" | "inverse" | "standard";
 size: "s" | "m";
@@ -82,16 +86,14 @@ href: string;
 target: "_self" | "_blank" | "_parent" | "_top";
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-declare const __VLS_component_8: DefineComponent<__VLS_Props_16, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+declare const __VLS_component_9: DefineComponent<__VLS_Props_17, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
 "update:open": (value: boolean) => any;
-}, string, PublicProps, Readonly<__VLS_Props_16> & Readonly<{
+}, string, PublicProps, Readonly<__VLS_Props_17> & Readonly<{
 "onUpdate:open"?: ((value: boolean) => any) | undefined;
 }>, {
 closable: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 
-declare const __VLS_component_9: DefineComponent<__VLS_Props_18, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_18> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
-
 /**
  * A breadcrumb is a navigation help that displays the hierarchical path of the current page within a website or application. It helps users understand their location and allows them to navigate back to previous levels easily. Breadcrumbs improve usability and accessibility, especially in multi-level websites, dashboards, and e-commerce platforms.
  */
@@ -120,9 +122,51 @@ declare type __VLS_Props = {
 };
 
 /**
- * This component creates a structured form field for group field such as Radio Group, Checkbox Group or Toggle Group with a label, optional help text, error and validation message handling.
+ * This component creates a structured form field with a label, optional help text, error and validation message handling.
  */
 declare type __VLS_Props_10 = {
+    /**
+     * A unique identifier for the form field, used to associate the label with the form element.
+     */
+    id: string;
+    /**
+     * The text displayed as the label for the form field.
+     */
+    label: string;
+    /**
+     * Additional text displayed alongside the label, typically used to indicate if the form field is required or optional
+     */
+    requirementText?: string;
+    /**
+     * Text shown below the form field to provide additional context or instructions for the user.
+     */
+    helpText?: string;
+    /**
+     * The value of the `id` attribute set on the **helpText** element. _This value is mandatory when using a helpText in order to guarantee the accessibility of the component._
+     */
+    helpId?: string;
+    /**
+     * If `true`, applies a valid state to the form field.
+     */
+    isValid?: boolean;
+    /**
+     * If `true`, applies an invalid state to the form field.
+     */
+    isInvalid?: boolean;
+    /**
+     * The value of the `id` attribute set on the **validationMessage** element. _This value is mandatory when using a validationMessage in order to guarantee the accessibility of the component._
+     */
+    messageId?: string;
+    /**
+     * message displayed when the form field has a valid or invalid state, usually indicating validation or errors.
+     */
+    message?: string;
+};
+
+/**
+ * This component creates a structured form field for group field such as Radio Group, Checkbox Group or Toggle Group with a label, optional help text, error and validation message handling.
+ */
+declare type __VLS_Props_11 = {
     /**
      * A unique identifier for the form field, used to associate the label with the form element.
      */
@@ -156,7 +200,7 @@ declare type __VLS_Props_10 = {
 /**
  * A flag is used to display meta-information about a product or service, acting as a visual indicator of the main category of content. It is typically placed at the top of an element to ensure immediate visibility.
  */
-declare type __VLS_Props_11 = {
+declare type __VLS_Props_12 = {
     /**
      * Label of the Flag
      */
@@ -170,7 +214,7 @@ declare type __VLS_Props_11 = {
 /**
  * Icon Buttons are used to trigger actions. Their appearance is depending on the type of action required from the user, or the context.
  */
-declare type __VLS_Props_12 = {
+declare type __VLS_Props_13 = {
     /**
      * Defines the visual style of the icon button.
      */
@@ -200,7 +244,7 @@ declare type __VLS_Props_12 = {
 /**
  * A link is a component used exclusively to navigate to internal or external webpages or to anchors in the current page.
  */
-declare type __VLS_Props_13 = {
+declare type __VLS_Props_14 = {
     /**
      * Position of the icon relative to the text.
      */
@@ -234,7 +278,7 @@ declare type __VLS_Props_13 = {
 /**
  * A loader indicates that content or data is being loaded or processed, providing visual feedback to users during wait times.
  */
-declare type __VLS_Props_14 = {
+declare type __VLS_Props_15 = {
     /**
      * Specifies the visual appearance of the loader.
      */
@@ -252,7 +296,7 @@ declare type __VLS_Props_14 = {
 /**
  * A loading overlay is a full-screen or container-level layer that indicates a process is in progress, preventing user interaction until the task is completed. It includes a progress indicator, and a message to inform users about the loading state. Loading Overlays are commonly used in data-heavy applications, form submissions, and page transitions to enhance user experience by managing wait times effectively.
  */
-declare type __VLS_Props_15 = {
+declare type __VLS_Props_16 = {
     /**
      * Controls the visibility of the loading overlay.
      */
@@ -266,7 +310,7 @@ declare type __VLS_Props_15 = {
 /**
  * A modal is a dialog window that appears on top of the main content, requiring user interaction before returning to the main interface. It is used to focus attention on a specific task, provide important information, or request confirmation for an action. Modals typically include a title, description, and primary/secondary actions and should be used for single, focused tasks to avoid disrupting the user experience.
  */
-declare type __VLS_Props_16 = {
+declare type __VLS_Props_17 = {
     /**
      * if `true`, display the modal.
      */
@@ -288,7 +332,7 @@ declare type __VLS_Props_16 = {
 /**
  * A badge indicates the status of an entity and can evolve at any time.
  */
-declare type __VLS_Props_17 = {
+declare type __VLS_Props_18 = {
     /**
      * Content of the badge
      */
@@ -306,7 +350,7 @@ declare type __VLS_Props_17 = {
 /**
  * An overlay component is a UI element that appears above the main content to display additional information or interactions, often blocking or dimming the background.
  */
-declare type __VLS_Props_18 = {
+declare type __VLS_Props_19 = {
     /**
      * Controls the visibility of the overlay.
      */
@@ -317,36 +361,6 @@ declare type __VLS_Props_18 = {
     dialogLabel?: string;
 };
 
-/**
- * Pagination is a navigation component that allows users to browse through large sets of content by dividing it into discrete pages. It typically includes previous and next buttons, numeric page selectors, or dropdowns to jump between pages efficiently. Pagination improves usability and performance in content-heavy applications such as tables, search results, and articles by preventing long scrolls and reducing page load times.
- */
-declare type __VLS_Props_19 = {
-    /**
-     * A unique identifier for the pagination.
-     */
-    id: string;
-    /**
-     * The current value of the selected page.
-     */
-    modelValue: number;
-    /**
-     * If `true`, display a compact version without the select.
-     */
-    compact?: boolean;
-    /**
-     * Define the available choices for the pagination select element.
-     */
-    options: Array<{
-        id?: string;
-        text: string;
-        value: number;
-    }>;
-    /**
-     * Accessible label for the select of the pagination.
-     */
-    selectLabel?: string;
-};
-
 /**
  * Buttons are used to trigger actions. Their appearance is depending on the type of action required from the user, or the context.
  */
@@ -386,9 +400,39 @@ declare type __VLS_Props_2 = {
 };
 
 /**
- * A password input is a specialized input field used to securely enter and manage passwords. It typically masks the characters entered to protect sensitive information from being seen. It includes a toggle button to show or hide the password, improving usability while maintaining security. Password inputs are commonly used in login forms, account creation, and authentication flows.
+ * Pagination is a navigation component that allows users to browse through large sets of content by dividing it into discrete pages. It typically includes previous and next buttons, numeric page selectors, or dropdowns to jump between pages efficiently. Pagination improves usability and performance in content-heavy applications such as tables, search results, and articles by preventing long scrolls and reducing page load times.
  */
 declare type __VLS_Props_20 = {
+    /**
+     * A unique identifier for the pagination.
+     */
+    id: string;
+    /**
+     * The current value of the selected page.
+     */
+    modelValue: number;
+    /**
+     * If `true`, display a compact version without the select.
+     */
+    compact?: boolean;
+    /**
+     * Define the available choices for the pagination select element.
+     */
+    options: Array<{
+        id?: string;
+        text: string;
+        value: number;
+    }>;
+    /**
+     * Accessible label for the select of the pagination.
+     */
+    selectLabel?: string;
+};
+
+/**
+ * A password input is a specialized input field used to securely enter and manage passwords. It typically masks the characters entered to protect sensitive information from being seen. It includes a toggle button to show or hide the password, improving usability while maintaining security. Password inputs are commonly used in login forms, account creation, and authentication flows.
+ */
+declare type __VLS_Props_21 = {
     /**
      * A unique identifier for the password input element, used to associate the label with the form element.
      */
@@ -437,7 +481,7 @@ declare type __VLS_Props_20 = {
 /**
  * A pincode input is a specialized input field used to enter short numeric codes, such as verification codes, security PINs, or authentication tokens. It typically separates each digit into individual fields to improve readability and ease of entry. This component is commonly used in two-factor authentication (2FA), password recovery, and secure access flows, ensuring a structured and user-friendly experience.
  */
-declare type __VLS_Props_21 = {
+declare type __VLS_Props_22 = {
     /**
      * A unique identifier for the pincode element, used to associate the label with the form element.
      */
@@ -471,7 +515,7 @@ declare type __VLS_Props_21 = {
 /**
  * A linear progress bar (Buffer) visually represents the progress of a task along a horizontal track, often indicating both current progress and a secondary buffered state. This type of progress bar is commonly used for loading processes, file uploads, or streaming indicators, where part of the task is completed while another portion is preloaded or buffered. It provides users with real-time feedback on task advancement.
  */
-declare type __VLS_Props_22 = {
+declare type __VLS_Props_23 = {
     /**
      * Allows to define the progress bar size
      */
@@ -485,7 +529,7 @@ declare type __VLS_Props_22 = {
 /**
  * A linear progress bar (Percentage) visually represents the completion of a task along a horizontal track, displaying the exact progress in percentage within the bar. It is commonly used for file uploads, installations, form completion, or any process requiring user awareness of progress. The percentage label provides clear and immediate feedback, helping users track progress with precision.
  */
-declare type __VLS_Props_23 = {
+declare type __VLS_Props_24 = {
     /**
      * The current value of the progress bar.
      */
@@ -495,7 +539,7 @@ declare type __VLS_Props_23 = {
 /**
  * The quantity selector is a form element used to enter or select a number. This type of input is best used when the user needs to choose the quantity of a selected item, like a product before adding to cart for example.
  */
-declare type __VLS_Props_24 = {
+declare type __VLS_Props_25 = {
     /**
      * A unique identifier for the quantity selector element, used to associate the label with the form element.
      */
@@ -549,7 +593,7 @@ declare type __VLS_Props_24 = {
 /**
  * A radio button is used to offer a unique choice to your user in a form. Unlike checkboxes, it can not be used alone.
  */
-declare type __VLS_Props_25 = {
+declare type __VLS_Props_26 = {
     /**
      * A unique identifier for the radio, used to associate the label with the form element.
      */
@@ -579,7 +623,7 @@ declare type __VLS_Props_25 = {
 /**
  * A radio button is used to offer a unique choice to your user in a form. Unlike checkboxes, it can not be used alone.
  */
-declare type __VLS_Props_26 = {
+declare type __VLS_Props_27 = {
     /**
      * The name attribute for the radio element, typically used for form submission.
      */
@@ -611,7 +655,7 @@ declare type __VLS_Props_26 = {
 /**
  * A select is a form element for multi-line text input, ideal for longer content like comments or descriptions.
  */
-declare type __VLS_Props_27 = {
+declare type __VLS_Props_28 = {
     /**
      * A unique identifier for the select, used to associate the label with the form element.
      */
@@ -659,7 +703,7 @@ declare type __VLS_Props_27 = {
 /**
  * A status badge indicates the status of an entity and can evolve at any time.
  */
-declare type __VLS_Props_28 = {
+declare type __VLS_Props_29 = {
     /**
      * Content of the Status Badge
      */
@@ -670,28 +714,6 @@ declare type __VLS_Props_28 = {
     status?: 'info' | 'success' | 'warning' | 'error' | 'neutral';
 };
 
-/**
- * A Status Notification is used to draw the user’s attention to important information that needs to be acknowledged. It often provides feedback on a process, highlights a status update, or alerts users about an issue. Notifications are typically triggered by user actions or system events and are designed to be easily noticeable while maintaining a non-intrusive experience.
- */
-declare type __VLS_Props_29 = {
-    /**
-     * Title of the Status Notification
-     */
-    title: string;
-    /**
-     * Description of the Status Notification
-     */
-    description: string;
-    /**
-     * Allows to define the Status Notification style
-     */
-    status?: 'info' | 'success' | 'warning' | 'error';
-    /**
-     * if `true`, display the close button.
-     */
-    closable?: boolean;
-};
-
 /**
  * Checkboxes are used to select one or multiple options in a list. They usually find their place in forms and are also used to accept some mentions.
  */
@@ -727,9 +749,31 @@ declare type __VLS_Props_3 = {
 };
 
 /**
- * Tabs are a navigation component that allows users to switch between different sections within the same context. They help organize content efficiently by displaying only one section at a time, reducing clutter and improving accessibility. Tabs can include icons, labels, and notification badges to provide additional context. They are commonly used in dashboards, product management, and settings interfaces.
+ * A Status Notification is used to draw the user’s attention to important information that needs to be acknowledged. It often provides feedback on a process, highlights a status update, or alerts users about an issue. Notifications are typically triggered by user actions or system events and are designed to be easily noticeable while maintaining a non-intrusive experience.
  */
 declare type __VLS_Props_30 = {
+    /**
+     * Title of the Status Notification
+     */
+    title: string;
+    /**
+     * Description of the Status Notification
+     */
+    description: string;
+    /**
+     * Allows to define the Status Notification style
+     */
+    status?: 'info' | 'success' | 'warning' | 'error';
+    /**
+     * if `true`, display the close button.
+     */
+    closable?: boolean;
+};
+
+/**
+ * Tabs are a navigation component that allows users to switch between different sections within the same context. They help organize content efficiently by displaying only one section at a time, reducing clutter and improving accessibility. Tabs can include icons, labels, and notification badges to provide additional context. They are commonly used in dashboards, product management, and settings interfaces.
+ */
+declare type __VLS_Props_31 = {
     /**
      * A description indicating the purpose of the set of tabs. Useful for improving the accessibility of the component.
      */
@@ -768,7 +812,7 @@ declare type __VLS_Props_30 = {
 /**
  * A Tag is a UI element used to filter data, categorize, select or deselect an option. It can appear standalone, in a group, or embedded within other components. Depending on its use, a tag can be interactive (clickable, removable, selectable) or static (serving as a visual indicator).
  */
-declare type __VLS_Props_31 = {
+declare type __VLS_Props_32 = {
     /**
      * Defines the behavior and layout of the tag.
      */
@@ -810,7 +854,7 @@ declare type __VLS_Props_31 = {
 /**
  * A textarea is a form element for multi-line text input, ideal for longer content like comments or descriptions.
  */
-declare type __VLS_Props_32 = {
+declare type __VLS_Props_33 = {
     /**
      * A unique identifier for the textarea, used to associate the label with the form element.
      */
@@ -856,7 +900,7 @@ declare type __VLS_Props_32 = {
 /**
  * Inputs are used to create input fields with text on a single line. Their states depends on the user interaction or the context.
  */
-declare type __VLS_Props_33 = {
+declare type __VLS_Props_34 = {
     /**
      * A unique identifier for the input element, used to associate the label with the form element.
      */
@@ -906,7 +950,7 @@ declare type __VLS_Props_33 = {
 /**
  * A toggle is used to choose between two possibilities and when the user needs instant feedback. It is common to use toggles when you need to show or hide content and "on/off" switch.
  */
-declare type __VLS_Props_34 = {
+declare type __VLS_Props_35 = {
     /**
      * A unique identifier for the toggle, used to associate the label with the form element.
      */
@@ -936,7 +980,7 @@ declare type __VLS_Props_34 = {
 /**
  * A tooltip is a small, contextual message that appears when users hover over, focus on, or tap an element, providing additional information or guidance without cluttering the interface. Tooltips are commonly used to explain icons, abbreviations, or complex actions. They typically disappear automatically when the user moves away from the trigger element.
  */
-declare type __VLS_Props_35 = {
+declare type __VLS_Props_36 = {
     /**
      * A unique identifier for the tooltip, used to describe the tooltip.
      */
@@ -958,7 +1002,7 @@ declare type __VLS_Props_35 = {
 /**
  * A toggle is used to choose between two possibilities and when the user needs instant feedback. It is common to use toggles when you need to show or hide content and "on/off" switch.
  */
-declare type __VLS_Props_36 = {
+declare type __VLS_Props_37 = {
     /**
      * The name attribute for the toggle element, typically used for form submission.
      */
@@ -1041,9 +1085,19 @@ declare type __VLS_Props_5 = {
 };
 
 /**
- * A date picker is an input component that allows users to select a date from a calendar interface or manually enter a date value. It enhances usability by providing structured date selection, reducing input errors, and ensuring format consistency. Date Pickers are commonly used in forms, booking systems, scheduling tools, and data filtering interfaces to facilitate accurate date entry.
+ * A Divider serves as a visual divider to separate content, providing a clear distinction between sections.
  */
 declare type __VLS_Props_6 = {
+    /**
+     * Determines the orientation of the divider
+     */
+    fluid?: boolean;
+};
+
+/**
+ * A date picker is an input component that allows users to select a date from a calendar interface or manually enter a date value. It enhances usability by providing structured date selection, reducing input errors, and ensuring format consistency. Date Pickers are commonly used in forms, booking systems, scheduling tools, and data filtering interfaces to facilitate accurate date entry.
+ */
+declare type __VLS_Props_7 = {
     /**
      * A unique identifier for the datepicker element, used to associate the label with the form element.
      */
@@ -1085,7 +1139,7 @@ declare type __VLS_Props_6 = {
 /**
  * A Divider serves as a visual divider to separate content, providing a clear distinction between sections.
  */
-declare type __VLS_Props_7 = {
+declare type __VLS_Props_8 = {
     /**
      * Determines the orientation of the divider
      */
@@ -1103,7 +1157,7 @@ declare type __VLS_Props_7 = {
 /**
  * A drawer is a sliding panel that appears from the side of the screen, providing additional content, settings, or actions without disrupting the main view. It is often used for filtering options, or contextual details. It enhances usability by keeping interfaces clean while offering expandable functionality.
  */
-declare type __VLS_Props_8 = {
+declare type __VLS_Props_9 = {
     /**
      * If `true`, display the drawer.
      */
@@ -1130,48 +1184,6 @@ declare type __VLS_Props_8 = {
     contentTitle?: string;
 };
 
-/**
- * This component creates a structured form field with a label, optional help text, error and validation message handling.
- */
-declare type __VLS_Props_9 = {
-    /**
-     * A unique identifier for the form field, used to associate the label with the form element.
-     */
-    id: string;
-    /**
-     * The text displayed as the label for the form field.
-     */
-    label: string;
-    /**
-     * Additional text displayed alongside the label, typically used to indicate if the form field is required or optional
-     */
-    requirementText?: string;
-    /**
-     * Text shown below the form field to provide additional context or instructions for the user.
-     */
-    helpText?: string;
-    /**
-     * The value of the `id` attribute set on the **helpText** element. _This value is mandatory when using a helpText in order to guarantee the accessibility of the component._
-     */
-    helpId?: string;
-    /**
-     * If `true`, applies a valid state to the form field.
-     */
-    isValid?: boolean;
-    /**
-     * If `true`, applies an invalid state to the form field.
-     */
-    isInvalid?: boolean;
-    /**
-     * The value of the `id` attribute set on the **validationMessage** element. _This value is mandatory when using a validationMessage in order to guarantee the accessibility of the component._
-     */
-    messageId?: string;
-    /**
-     * message displayed when the form field has a valid or invalid state, usually indicating validation or errors.
-     */
-    message?: string;
-};
-
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: Readonly<{
@@ -1198,6 +1210,23 @@ declare function __VLS_template(): {
 };
 
 declare function __VLS_template_10(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        /**
+         * Use this slot to insert a centered content inside the overlay
+         */
+        default?: VNode;
+    }> & {
+        /**
+         * Use this slot to insert a centered content inside the overlay
+         */
+        default?: VNode;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+
+declare function __VLS_template_11(): {
     attrs: Partial<{}>;
     slots: Readonly<{
         /**
@@ -1214,7 +1243,7 @@ declare function __VLS_template_10(): {
     rootEl: HTMLElement;
 };
 
-declare function __VLS_template_11(): {
+declare function __VLS_template_12(): {
     attrs: Partial<{}>;
     slots: Readonly<{
         /**
@@ -1231,7 +1260,7 @@ declare function __VLS_template_11(): {
     rootEl: HTMLDivElement;
 };
 
-declare function __VLS_template_12(): {
+declare function __VLS_template_13(): {
     attrs: Partial<{}>;
     slots: Readonly<{
         /**
@@ -1258,6 +1287,15 @@ declare function __VLS_template_2(): {
 };
 
 declare function __VLS_template_3(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+
+declare function __VLS_template_4(): {
     attrs: Partial<{}>;
     slots: Readonly<{
         /**
@@ -1282,7 +1320,7 @@ declare function __VLS_template_3(): {
     rootEl: HTMLDivElement;
 };
 
-declare function __VLS_template_4(): {
+declare function __VLS_template_5(): {
     attrs: Partial<{}>;
     slots: Readonly<{
         /**
@@ -1299,7 +1337,7 @@ declare function __VLS_template_4(): {
     rootEl: HTMLDivElement;
 };
 
-declare function __VLS_template_5(): {
+declare function __VLS_template_6(): {
     attrs: Partial<{}>;
     slots: Readonly<{
         /**
@@ -1316,7 +1354,7 @@ declare function __VLS_template_5(): {
     rootEl: HTMLFieldSetElement;
 };
 
-declare function __VLS_template_6(): {
+declare function __VLS_template_7(): {
     attrs: Partial<{}>;
     slots: Readonly<{
         /**
@@ -1333,7 +1371,7 @@ declare function __VLS_template_6(): {
     rootEl: HTMLButtonElement;
 };
 
-declare function __VLS_template_7(): {
+declare function __VLS_template_8(): {
     attrs: Partial<{}>;
     slots: Readonly<{
         /**
@@ -1358,7 +1396,7 @@ declare function __VLS_template_7(): {
     rootEl: any;
 };
 
-declare function __VLS_template_8(): {
+declare function __VLS_template_9(): {
     attrs: Partial<{}>;
     slots: Readonly<{
         /**
@@ -1399,23 +1437,6 @@ declare function __VLS_template_8(): {
     rootEl: HTMLDivElement;
 };
 
-declare function __VLS_template_9(): {
-    attrs: Partial<{}>;
-    slots: Readonly<{
-        /**
-         * Use this slot to insert a centered content inside the overlay
-         */
-        default?: VNode;
-    }> & {
-        /**
-         * Use this slot to insert a centered content inside the overlay
-         */
-        default?: VNode;
-    };
-    refs: {};
-    rootEl: HTMLDivElement;
-};
-
 declare type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 
 declare type __VLS_TemplateResult_10 = ReturnType<typeof __VLS_template_10>;
@@ -1424,6 +1445,8 @@ declare type __VLS_TemplateResult_11 = ReturnType<typeof __VLS_template_11>;
 
 declare type __VLS_TemplateResult_12 = ReturnType<typeof __VLS_template_12>;
 
+declare type __VLS_TemplateResult_13 = ReturnType<typeof __VLS_template_13>;
+
 declare type __VLS_TemplateResult_2 = ReturnType<typeof __VLS_template_2>;
 
 declare type __VLS_TemplateResult_3 = ReturnType<typeof __VLS_template_3>;
@@ -1464,6 +1487,12 @@ declare type __VLS_WithTemplateSlots_12<T, S> = T & {
     };
 };
 
+declare type __VLS_WithTemplateSlots_13<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
 declare type __VLS_WithTemplateSlots_2<T, S> = T & {
     new (): {
         $slots: S;
@@ -1533,62 +1562,64 @@ type: "percentage" | "content";
 value: number;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 
-export declare const MDatepicker: DefineComponent<__VLS_Props_6, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+export declare const MContainer: __VLS_WithTemplateSlots_2<typeof __VLS_component_2, __VLS_TemplateResult_2["slots"]>;
+
+export declare const MDatepicker: DefineComponent<__VLS_Props_7, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
 "update:modelValue": (value: string | number) => any;
-}, string, PublicProps, Readonly<__VLS_Props_6> & Readonly<{
+}, string, PublicProps, Readonly<__VLS_Props_7> & Readonly<{
 "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
 }>, {
 size: "s" | "m";
 clearLabel: string;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 
-export declare const MDivider: __VLS_WithTemplateSlots_2<typeof __VLS_component_2, __VLS_TemplateResult_2["slots"]>;
+export declare const MDivider: __VLS_WithTemplateSlots_3<typeof __VLS_component_3, __VLS_TemplateResult_3["slots"]>;
 
-export declare const MDrawer: __VLS_WithTemplateSlots_3<typeof __VLS_component_3, __VLS_TemplateResult_3["slots"]>;
+export declare const MDrawer: __VLS_WithTemplateSlots_4<typeof __VLS_component_4, __VLS_TemplateResult_4["slots"]>;
 
-export declare const MField: __VLS_WithTemplateSlots_4<typeof __VLS_component_4, __VLS_TemplateResult_4["slots"]>;
+export declare const MField: __VLS_WithTemplateSlots_5<typeof __VLS_component_5, __VLS_TemplateResult_5["slots"]>;
 
-export declare const MFieldGroup: __VLS_WithTemplateSlots_5<typeof __VLS_component_5, __VLS_TemplateResult_5["slots"]>;
+export declare const MFieldGroup: __VLS_WithTemplateSlots_6<typeof __VLS_component_6, __VLS_TemplateResult_6["slots"]>;
 
-export declare const MFlag: DefineComponent<__VLS_Props_11, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_11> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+export declare const MFlag: DefineComponent<__VLS_Props_12, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_12> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 
-export declare const MIconButton: __VLS_WithTemplateSlots_6<typeof __VLS_component_6, __VLS_TemplateResult_6["slots"]>;
+export declare const MIconButton: __VLS_WithTemplateSlots_7<typeof __VLS_component_7, __VLS_TemplateResult_7["slots"]>;
 
-export declare const MLinearProgressbarBuffer: DefineComponent<__VLS_Props_22, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_22> & Readonly<{}>, {
+export declare const MLinearProgressbarBuffer: DefineComponent<__VLS_Props_23, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_23> & Readonly<{}>, {
 value: number;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 
-export declare const MLinearProgressbarPercentage: DefineComponent<__VLS_Props_23, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_23> & Readonly<{}>, {
+export declare const MLinearProgressbarPercentage: DefineComponent<__VLS_Props_24, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_24> & Readonly<{}>, {
 value: number;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 
-export declare const MLink: __VLS_WithTemplateSlots_7<typeof __VLS_component_7, __VLS_TemplateResult_7["slots"]>;
+export declare const MLink: __VLS_WithTemplateSlots_8<typeof __VLS_component_8, __VLS_TemplateResult_8["slots"]>;
 
-export declare const MLoader: DefineComponent<__VLS_Props_14, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_14> & Readonly<{}>, {
+export declare const MLoader: DefineComponent<__VLS_Props_15, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_15> & Readonly<{}>, {
 appearance: "standard" | "accent" | "inverse";
 size: "s" | "m" | "l";
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 
-export declare const MLoadingOverlay: DefineComponent<__VLS_Props_15, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_15> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+export declare const MLoadingOverlay: DefineComponent<__VLS_Props_16, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_16> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 
-export declare const MModal: __VLS_WithTemplateSlots_8<typeof __VLS_component_8, __VLS_TemplateResult_8["slots"]>;
+export declare const MModal: __VLS_WithTemplateSlots_9<typeof __VLS_component_9, __VLS_TemplateResult_9["slots"]>;
 
-export declare const MNumberBadge: DefineComponent<__VLS_Props_17, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_17> & Readonly<{}>, {
+export declare const MNumberBadge: DefineComponent<__VLS_Props_18, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_18> & Readonly<{}>, {
 appearance: "danger" | "accent" | "inverse" | "standard";
 size: "s" | "m";
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLSpanElement>;
 
-export declare const MOverlay: __VLS_WithTemplateSlots_9<typeof __VLS_component_9, __VLS_TemplateResult_9["slots"]>;
+export declare const MOverlay: __VLS_WithTemplateSlots_10<typeof __VLS_component_10, __VLS_TemplateResult_10["slots"]>;
 
-export declare const MPagination: DefineComponent<__VLS_Props_19, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+export declare const MPagination: DefineComponent<__VLS_Props_20, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
 "update:modelValue": (value: number) => any;
-}, string, PublicProps, Readonly<__VLS_Props_19> & Readonly<{
+}, string, PublicProps, Readonly<__VLS_Props_20> & Readonly<{
 "onUpdate:modelValue"?: ((value: number) => any) | undefined;
 }>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLElement>;
 
-export declare const MPasswordInput: DefineComponent<__VLS_Props_20, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+export declare const MPasswordInput: DefineComponent<__VLS_Props_21, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
 "update:modelValue": (value: string | number) => any;
-}, string, PublicProps, Readonly<__VLS_Props_20> & Readonly<{
+}, string, PublicProps, Readonly<__VLS_Props_21> & Readonly<{
 "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
 }>, {
 clearLabel: string;
@@ -1681,17 +1712,17 @@ icon?: VNode;
 }) | null;
 }, HTMLDivElement>;
 
-export declare const MPincode: DefineComponent<__VLS_Props_21, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+export declare const MPincode: DefineComponent<__VLS_Props_22, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
 "update:modelValue": (value: string) => any;
-}, string, PublicProps, Readonly<__VLS_Props_21> & Readonly<{
+}, string, PublicProps, Readonly<__VLS_Props_22> & Readonly<{
 "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {
 length: 4 | 5 | 6;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 
-export declare const MQuantitySelector: DefineComponent<__VLS_Props_24, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+export declare const MQuantitySelector: DefineComponent<__VLS_Props_25, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
 "update:modelValue": (value: number) => any;
-}, string, PublicProps, Readonly<__VLS_Props_24> & Readonly<{
+}, string, PublicProps, Readonly<__VLS_Props_25> & Readonly<{
 "onUpdate:modelValue"?: ((value: number) => any) | undefined;
 }>, {
 size: "s" | "m";
@@ -1704,35 +1735,35 @@ incrementlabel: string;
 decrementLabel: string;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 
-export declare const MRadio: DefineComponent<__VLS_Props_25, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+export declare const MRadio: DefineComponent<__VLS_Props_26, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
 "update:modelValue": (value: boolean) => any;
-}, string, PublicProps, Readonly<__VLS_Props_25> & Readonly<{
+}, string, PublicProps, Readonly<__VLS_Props_26> & Readonly<{
 "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
 }>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 
-export declare const MRadioGroup: DefineComponent<__VLS_Props_26, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+export declare const MRadioGroup: DefineComponent<__VLS_Props_27, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
 "update:modelValue": (value: string) => any;
-}, string, PublicProps, Readonly<__VLS_Props_26> & Readonly<{
+}, string, PublicProps, Readonly<__VLS_Props_27> & Readonly<{
 "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 
-export declare const MSelect: DefineComponent<__VLS_Props_27, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+export declare const MSelect: DefineComponent<__VLS_Props_28, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
 "update:modelValue": (value: string | number) => any;
-}, string, PublicProps, Readonly<__VLS_Props_27> & Readonly<{
+}, string, PublicProps, Readonly<__VLS_Props_28> & Readonly<{
 "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
 }>, {
 size: "s" | "m";
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLSelectElement>;
 
-export declare const MStatusBadge: DefineComponent<__VLS_Props_28, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_28> & Readonly<{}>, {
+export declare const MStatusBadge: DefineComponent<__VLS_Props_29, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_29> & Readonly<{}>, {
 status: "info" | "success" | "warning" | "error" | "neutral";
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 
-export declare const MStatusNotification: __VLS_WithTemplateSlots_10<typeof __VLS_component_10, __VLS_TemplateResult_10["slots"]>;
+export declare const MStatusNotification: __VLS_WithTemplateSlots_11<typeof __VLS_component_11, __VLS_TemplateResult_11["slots"]>;
 
-export declare const MTabs: DefineComponent<__VLS_Props_30, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+export declare const MTabs: DefineComponent<__VLS_Props_31, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
 "update:modelValue": (value: number) => any;
-}, string, PublicProps, Readonly<__VLS_Props_30> & Readonly<{
+}, string, PublicProps, Readonly<__VLS_Props_31> & Readonly<{
 "onUpdate:modelValue"?: ((value: number) => any) | undefined;
 }>, {
 modelValue: number;
@@ -1741,10 +1772,10 @@ divider: boolean;
 tab: HTMLButtonElement;
 }, HTMLElement>;
 
-export declare const MTag: DefineComponent<__VLS_Props_31, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+export declare const MTag: DefineComponent<__VLS_Props_32, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
 "update:modelValue": (value: boolean) => any;
 "remove-tag": (id: string) => any;
-}, string, PublicProps, Readonly<__VLS_Props_31> & Readonly<{
+}, string, PublicProps, Readonly<__VLS_Props_32> & Readonly<{
 "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
 "onRemove-tag"?: ((id: string) => any) | undefined;
 }>, {
@@ -1752,30 +1783,30 @@ type: "informative" | "interactive" | "contextualised" | "removable" | "selectab
 contextualisedNumber: number;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-export declare const MTextArea: DefineComponent<__VLS_Props_32, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+export declare const MTextArea: DefineComponent<__VLS_Props_33, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
 "update:modelValue": (value: string | number) => any;
-}, string, PublicProps, Readonly<__VLS_Props_32> & Readonly<{
+}, string, PublicProps, Readonly<__VLS_Props_33> & Readonly<{
 "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
 }>, {
 rows: number;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLTextAreaElement>;
 
-export declare const MTextInput: __VLS_WithTemplateSlots_11<typeof __VLS_component_11, __VLS_TemplateResult_11["slots"]>;
+export declare const MTextInput: __VLS_WithTemplateSlots_12<typeof __VLS_component_12, __VLS_TemplateResult_12["slots"]>;
 
-export declare const MToggle: DefineComponent<__VLS_Props_34, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+export declare const MToggle: DefineComponent<__VLS_Props_35, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
 "update:modelValue": (value: boolean) => any;
-}, string, PublicProps, Readonly<__VLS_Props_34> & Readonly<{
+}, string, PublicProps, Readonly<__VLS_Props_35> & Readonly<{
 "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
 }>, {
 size: "s" | "m";
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 
-export declare const MToggleGroup: DefineComponent<__VLS_Props_36, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+export declare const MToggleGroup: DefineComponent<__VLS_Props_37, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
 "update:modelValue": (value: string[]) => any;
-}, string, PublicProps, Readonly<__VLS_Props_36> & Readonly<{
+}, string, PublicProps, Readonly<__VLS_Props_37> & Readonly<{
 "onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
 }>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 
-export declare const MTooltip: __VLS_WithTemplateSlots_12<typeof __VLS_component_12, __VLS_TemplateResult_12["slots"]>;
+export declare const MTooltip: __VLS_WithTemplateSlots_13<typeof __VLS_component_13, __VLS_TemplateResult_13["slots"]>;
 
 export { }