@mozaic-ds/vue 1.0.0-beta.5 → 1.0.0-beta.7

package/dist/mozaic-vue.d.ts

@@ -20,28 +20,28 @@ import { VNodeProps } from 'vue';
 import { WatchOptions } from 'vue';
 import { WatchStopHandle } from 'vue';
 
-declare const __VLS_component: DefineComponent<__VLS_Props_3, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_3> & Readonly<{}>, {
+declare const __VLS_component: DefineComponent<__VLS_Props_2, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_2> & Readonly<{}>, {
 appearance: "standard" | "accent" | "danger" | "inverse";
 size: "s" | "m" | "l";
 type: "button" | "reset" | "submit";
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLButtonElement>;
 
-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_2: DefineComponent<__VLS_Props_5, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_5> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 
-declare const __VLS_component_3: DefineComponent<__VLS_Props_7, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_7> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLFieldSetElement>;
+declare const __VLS_component_3: DefineComponent<__VLS_Props_6, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_6> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLFieldSetElement>;
 
-declare const __VLS_component_4: DefineComponent<__VLS_Props_8, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_8> & Readonly<{}>, {
+declare const __VLS_component_4: DefineComponent<__VLS_Props_7, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_7> & Readonly<{}>, {
 appearance: "standard" | "accent" | "danger" | "inverse";
 size: "s" | "m" | "l";
 type: "button" | "reset" | "submit";
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLButtonElement>;
 
-declare const __VLS_component_5: DefineComponent<__VLS_Props_9, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_9> & Readonly<{}>, {
+declare const __VLS_component_5: DefineComponent<__VLS_Props_8, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_8> & Readonly<{}>, {
+iconPosition: "left" | "right";
 appearance: "secondary" | "accent" | "inverse" | "standard";
 size: "s" | "m";
-iconPosition: "left" | "right";
 href: string;
-target: string;
+target: "_self" | "_blank" | "_parent" | "_top";
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
 declare const __VLS_component_6: DefineComponent<__VLS_Props_11, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_11> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
@@ -65,39 +65,48 @@ inputType: "date" | "email" | "number" | "password" | "search" | "tel" | "text";
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 
 /**
- * A badge indicates the status of an entity and can evolve at any time.
+ * A breadcrumb is a navigation help that displays the hierarchical path of the current page within a website or application. It helps users understand their location and allows them to navigate back to previous levels easily. Breadcrumbs improve usability and accessibility, especially in multi-level websites, dashboards, and e-commerce platforms.
  */
 declare type __VLS_Props = {
     /**
-     * Content of the badge
-     */
-    label: number;
-    /**
-     * Allows to define the Badge style
+     * Allows to define the breadcrumb style
      */
-    appearance?: 'danger' | 'accent' | 'inverse' | 'standard';
+    appearance?: 'standard' | 'inverse';
     /**
-     * Allows to define the Badge size
+     * Links of the breadcrumb
      */
-    size?: 's' | 'm';
+    links?: Array<{
+        /**
+         * The label displayed for the link.
+         */
+        label: string;
+        /**
+         * URL for the link (for external links or the `to` prop for `router-link`).
+         */
+        href: string;
+        /**
+         * If `true`, the link will be rendered as a `router-link` for internal navigation (Vue Router).
+         */
+        router?: boolean;
+    }>;
 };
 
 /**
- * A loader indicates that content or data is being loaded or processed, providing visual feedback to users during wait times.
+ * A badge indicates the status of an entity and can evolve at any time.
  */
 declare type __VLS_Props_10 = {
     /**
-     * Specifies the visual appearance of the loader.
+     * Content of the badge
      */
-    appearance?: 'standard' | 'accent' | 'inverse';
+    label: number;
     /**
-     * Defines the size of the loader.
+     * Allows to define the Badge style
      */
-    size?: 's' | 'm' | 'l';
+    appearance?: 'danger' | 'accent' | 'inverse' | 'standard';
     /**
-     * Text to display alongside the loader when using the loader inside an `Overlay`.
+     * Allows to define the Badge size
      */
-    text?: string;
+    size?: 's' | 'm';
 };
 
 /**
@@ -410,30 +419,41 @@ declare type __VLS_Props_19 = {
 };
 
 /**
- * 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.
+ * 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_2 = {
     /**
-     * Allows to define the breadcrumb style
+     * Defines the visual style of the button.
      */
-    appearance?: 'standard' | 'inverse';
+    appearance?: 'standard' | 'accent' | 'danger' | 'inverse';
     /**
-     * Links of the breadcrumb
+     * Determines the size of the button.
      */
-    links?: Array<{
-        /**
-         * The label displayed for the link.
-         */
-        label: string;
-        /**
-         * URL for the link (for external links or the `to` prop for `router-link`).
-         */
-        href: string;
-        /**
-         * If `true`, the link will be rendered as a `router-link` for internal navigation (Vue Router).
-         */
-        router?: boolean;
-    }>;
+    size?: 's' | 'm' | 'l';
+    /**
+     * If `true`, disables the button, making it non-interactive.
+     */
+    disabled?: boolean;
+    /**
+     * If `true`, applies a "ghost" style to the button, typically a transparent background with a border.
+     */
+    ghost?: boolean;
+    /**
+     * If `true`, the button gets an outlined style, usually with just the border and no solid background.
+     */
+    outlined?: boolean;
+    /**
+     * Controls the positioning of an icon in the button.
+     */
+    iconPosition?: 'left' | 'right' | 'only';
+    /**
+     * Specifies the button's HTML `type` attribute.
+     */
+    type?: 'button' | 'reset' | 'submit';
+    /**
+     * If `true`, a loading state is displayed.
+     */
+    isLoading?: boolean;
 };
 
 /**
@@ -546,48 +566,10 @@ declare type __VLS_Props_22 = {
     inline?: boolean;
 };
 
-/**
- * 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_3 = {
-    /**
-     * Defines the visual style of the button.
-     */
-    appearance?: 'standard' | 'accent' | 'danger' | 'inverse';
-    /**
-     * Determines the size of the button.
-     */
-    size?: 's' | 'm' | 'l';
-    /**
-     * If `true`, disables the button, making it non-interactive.
-     */
-    disabled?: boolean;
-    /**
-     * If `true`, applies a "ghost" style to the button, typically a transparent background with a border.
-     */
-    ghost?: boolean;
-    /**
-     * If `true`, the button gets an outlined style, usually with just the border and no solid background.
-     */
-    outlined?: boolean;
-    /**
-     * Controls the positioning of an icon in the button.
-     */
-    iconPosition?: 'left' | 'right' | 'only';
-    /**
-     * Specifies the button's HTML `type` attribute.
-     */
-    type?: 'button' | 'reset' | 'submit';
-    /**
-     * If `true`, a loading state is displayed.
-     */
-    isLoading?: 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.
  */
-declare type __VLS_Props_4 = {
+declare type __VLS_Props_3 = {
     /**
      * A unique identifier for the checkbox, used to associate the label with the form element.
      */
@@ -621,7 +603,7 @@ declare type __VLS_Props_4 = {
 /**
  * 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.
  */
-declare type __VLS_Props_5 = {
+declare type __VLS_Props_4 = {
     /**
      * The name attribute for the checkbox element, typically used for form submission.
      */
@@ -650,7 +632,7 @@ declare type __VLS_Props_5 = {
 /**
  * This component creates a structured form field with a label, optional help text, error and validation message handling.
  */
-declare type __VLS_Props_6 = {
+declare type __VLS_Props_5 = {
     /**
      * A unique identifier for the form field, used to associate the label with the form element.
      */
@@ -692,7 +674,7 @@ declare type __VLS_Props_6 = {
 /**
  * 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_7 = {
+declare type __VLS_Props_6 = {
     /**
      * A unique identifier for the form field, used to associate the label with the form element.
      */
@@ -726,7 +708,7 @@ declare type __VLS_Props_7 = {
 /**
  * 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_8 = {
+declare type __VLS_Props_7 = {
     /**
      * Defines the visual style of the icon button.
      */
@@ -756,7 +738,7 @@ declare type __VLS_Props_8 = {
 /**
  * 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_9 = {
+declare type __VLS_Props_8 = {
     /**
      * Position of the icon relative to the text.
      */
@@ -776,7 +758,7 @@ declare type __VLS_Props_9 = {
     /**
      * Where to open the link
      */
-    target?: string;
+    target?: '_self' | '_blank' | '_parent' | '_top';
     /**
      * Specify wether the link is inline
      */
@@ -787,6 +769,24 @@ declare type __VLS_Props_9 = {
     router?: boolean;
 };
 
+/**
+ * A loader indicates that content or data is being loaded or processed, providing visual feedback to users during wait times.
+ */
+declare type __VLS_Props_9 = {
+    /**
+     * Specifies the visual appearance of the loader.
+     */
+    appearance?: 'standard' | 'accent' | 'inverse';
+    /**
+     * Defines the size of the loader.
+     */
+    size?: 's' | 'm' | 'l';
+    /**
+     * Text to display alongside the loader when using the loader inside an `Overlay`.
+     */
+    text?: string;
+};
+
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: Readonly<{
@@ -1003,24 +1003,19 @@ declare type __VLS_WithTemplateSlots_8<T, S> = T & {
     };
 };
 
-export declare const MBadge: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-appearance: "danger" | "accent" | "inverse" | "standard";
-size: "s" | "m";
-}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLSpanElement>;
-
-export declare const MBreadcrumb: DefineComponent<__VLS_Props_2, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_2> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLElement>;
+export declare const MBreadcrumb: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLElement>;
 
 export declare const MButton: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 
-export declare const MCheckbox: DefineComponent<__VLS_Props_4, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+export declare const MCheckbox: DefineComponent<__VLS_Props_3, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
 "update:modelValue": (value: boolean) => any;
-}, string, PublicProps, Readonly<__VLS_Props_4> & Readonly<{
+}, string, PublicProps, Readonly<__VLS_Props_3> & Readonly<{
 "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
 }>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 
-export declare const MCheckboxGroup: DefineComponent<__VLS_Props_5, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+export declare const MCheckboxGroup: DefineComponent<__VLS_Props_4, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
 "update:modelValue": (value: string[]) => any;
-}, string, PublicProps, Readonly<__VLS_Props_5> & Readonly<{
+}, string, PublicProps, Readonly<__VLS_Props_4> & Readonly<{
 "onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
 }>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 
@@ -1032,11 +1027,16 @@ export declare const MIconButton: __VLS_WithTemplateSlots_4<typeof __VLS_compone
 
 export declare const MLink: __VLS_WithTemplateSlots_5<typeof __VLS_component_5, __VLS_TemplateResult_5["slots"]>;
 
-export declare const MLoader: DefineComponent<__VLS_Props_10, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_10> & Readonly<{}>, {
+export declare const MLoader: DefineComponent<__VLS_Props_9, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_9> & Readonly<{}>, {
 appearance: "standard" | "accent" | "inverse";
 size: "s" | "m" | "l";
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 
+export declare const MNumberBadge: DefineComponent<__VLS_Props_10, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_10> & Readonly<{}>, {
+appearance: "danger" | "accent" | "inverse" | "standard";
+size: "s" | "m";
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLSpanElement>;
+
 export declare const MOverlay: __VLS_WithTemplateSlots_6<typeof __VLS_component_6, __VLS_TemplateResult_6["slots"]>;
 
 export declare const MPasswordInput: DefineComponent<__VLS_Props_12, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {