@avenirs-esr/avenirs-dsav 0.1.1 → 0.1.3

package/dist/components/feedback/AvToaster/AvToaster.vue.d.ts

@@ -0,0 +1,79 @@
+/**
+ * Represents a message displayed in the notification system (toaster).
+ */
+export interface Message {
+    /**
+     * Unique identifier for the message.
+     * Can be used to track or delete the message.
+     */
+    id?: string;
+    /**
+     * Message title.
+     * Optional, displayed in the message header.
+     */
+    title?: string;
+    /**
+     * Detailed description of the message.
+     * This field is required and contains the main text to be displayed.
+     */
+    description: string;
+    /**
+     * Type of message to display.
+     * Defines the style and icon associated with the message.
+     *
+     * Possible values are:
+     * - 'info': General information
+     * - 'success': Success message
+     * - 'warning': Warning message
+     * - 'error': Error message
+     *
+     * @default 'info'
+     */
+    type?: 'info' | 'success' | 'warning' | 'error';
+    /**
+     * Indicates whether the message can be manually closed by the user.
+     */
+    closeable?: boolean;
+    /**
+     * HTML tag used for the message title.
+     * Can be used to adjust the semantic hierarchy of the title.
+     *
+     * Possible values are: 'h1', 'h2', 'h3', 'h4', 'h5', 'h6'.
+     */
+    titleTag?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+    /**
+     * Time to display the message in milliseconds before automatically closing.
+     * If not set, the message will remain displayed until manually closed or another action.
+     */
+    timeout?: number;
+}
+/**
+ * AvToaster component props.
+ */
+interface AvToasterProps {
+    /**
+     * List of messages to display in the toaster.
+     *
+     * Each message must follow the structure defined by the Message interface.
+     * - `id?: string`: Unique identifier for the message
+     * - `title?: string`: Message title
+     * - `description: string`: Detailed description of the message
+     * - `type?: 'info' \| 'success' \| 'warning' \| 'error'`: Type of message to display (@default 'info')
+     * - `closeable?: boolean`: Indicates whether the message can be manually closed by the user
+     * - `titleTag?: 'h1' \| 'h2' \| 'h3' \| 'h4' \| 'h5' \| 'h6'`: HTML tag used for the message title
+     * - `timeout?: number`: Time to display the message in milliseconds before automatically closing (if not set, the message will remain displayed until manually closed or another action)
+     */
+    messages: Message[];
+    /**
+     * Base path to get access to public icons.
+     * @example import.meta.env.BASE_URL
+     */
+    basePath: string;
+    /**
+     * Function called to remove a message from the toaster.
+     * @param id The ID of the message to remove.
+     */
+    onRemoveMessage: (id: string) => void;
+}
+declare const _default: import("vue").DefineComponent<AvToasterProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<AvToasterProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/feedback/index.d.ts

@@ -0,0 +1,2 @@
+export { default as AvAlert } from './AvAlert/AvAlert.vue';
+export { default as AvToaster, type Message } from './AvToaster/AvToaster.vue';

package/dist/components/header/AvHeader/AvHeader.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/header/AvHeader/AvHeader.vue.d.ts

@@ -0,0 +1,132 @@
+import type { Slot } from 'vue';
+import type { RouteLocationRaw } from 'vue-router';
+import { type DsfrHeaderMenuLinkProps, type DsfrLanguageSelectorElement, type DsfrLanguageSelectorProps } from '@gouvminint/vue-dsfr';
+/**
+ * AvHeader component props.
+ */
+export interface AvHeaderProps {
+    /**
+     * Value of the `id` attribute of the search bar input.
+     * @default 'searchbar-header'
+     */
+    searchbarId?: string;
+    /**
+     * Title of the service displayed in the header.
+     */
+    serviceTitle?: string;
+    /**
+     * Homepage link.
+     * @default '/'
+     */
+    homeTo?: string | RouteLocationRaw;
+    /**
+     * Value related to the search bar (controlled template).
+     * @default ''
+     */
+    modelValue?: string;
+    /**
+     * Placeholder for the search bar.
+     * @default 'Rechercher...'
+     */
+    placeholder?: string;
+    /**
+     * Quick links to display in the header.
+     * @default () => []
+     */
+    quickLinks?: DsfrHeaderMenuLinkProps[];
+    /**
+     * Language selector properties.
+     */
+    languageSelector?: DsfrLanguageSelectorProps;
+    /**
+     * Label for the search bar.
+     * @default 'Recherche'
+     */
+    searchLabel?: string;
+    /**
+     * ARIA label for quick links.
+     * @default 'Menu secondaire'
+     */
+    quickLinksAriaLabel?: string;
+    /**
+     * Whether to display the search bar. * @default false
+     */
+    showSearch?: boolean;
+    /**
+     * Label of the button to display the search bar.
+     * @default 'Recherche'
+     */
+    showSearchLabel?: string;
+    /**
+     * Label of the main menu.
+     * @default 'Menu'
+     */
+    menuLabel?: string;
+    /**
+     * Label of the menu in modal mode.
+     * @default 'Menu'
+     */
+    menuModalLabel?: string;
+    /**
+     * Label of the button to close the modal menu.
+     * @default 'Fermer'
+     */
+    closeMenuModalLabel?: string;
+    /**
+     * Label of the link to the home page (present in the service title).
+     * @default 'Accueil'
+     */
+    homeLabel?: string;
+}
+type __VLS_Slots = {
+    /**
+     * Slot pour ajouter du contenu avant les liens rapides.
+     */
+    'before-quick-links'?: Slot;
+    /**
+     * Slot pour ajouter du contenu après les liens rapides.
+     */
+    'after-quick-links'?: Slot;
+    /**
+     * Slot affiché à côté / en dessous du serviceTitle.
+     */
+    'serviceDescription'?: Slot;
+    /**
+     * Slot pour le menu de navigation principal.
+     */
+    'mainnav'?: Slot;
+    /**
+     * Slot par défaut pour le contenu supplémentaire dans l'en-tête.
+     */
+    'default'?: Slot;
+};
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<AvHeaderProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    search: (payload: string) => any;
+    "update:modelValue": (payload: string) => any;
+    languageSelect: (payload: DsfrLanguageSelectorElement) => any;
+}, string, import("vue").PublicProps, Readonly<AvHeaderProps> & Readonly<{
+    onSearch?: ((payload: string) => any) | undefined;
+    "onUpdate:modelValue"?: ((payload: string) => any) | undefined;
+    onLanguageSelect?: ((payload: DsfrLanguageSelectorElement) => any) | undefined;
+}>, {
+    modelValue: string;
+    placeholder: string;
+    searchbarId: string;
+    serviceTitle: string;
+    homeTo: string | import("vue-router").RouteLocationAsRelativeGeneric | import("vue-router").RouteLocationAsPathGeneric;
+    quickLinks: DsfrHeaderMenuLinkProps[];
+    languageSelector: DsfrLanguageSelectorProps;
+    searchLabel: string;
+    quickLinksAriaLabel: string;
+    showSearchLabel: string;
+    menuLabel: string;
+    menuModalLabel: string;
+    closeMenuModalLabel: string;
+    homeLabel: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/header/AvHeaderMenuLinks/AvHeaderMenuLinks.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/header/AvHeaderMenuLinks/AvHeaderMenuLinks.vue.d.ts

@@ -0,0 +1,38 @@
+import type { VIcon } from '@gouvminint/vue-dsfr';
+/**
+ * AvHeaderMenuLinks component props.
+ */
+interface AvHeaderMenuLinksProps {
+    /**
+     * An array of objects representing quick links.
+     * Each link can have an icon, a label, and an onClick function.
+     */
+    links?: {
+        /**
+         * Icon name (string) or props object for a VIcon component.
+         */
+        icon?: string | InstanceType<typeof VIcon>['$props'];
+        /**
+         * Link label.
+         */
+        label?: string;
+        /**
+         * Function called when the link is clicked.
+         * @param event The MouseEvent of the click.
+         */
+        onClick?: ($event: MouseEvent) => void;
+    }[];
+    /**
+     * ARIA label for navigation, useful for accessibility.
+     * @default 'Menu secondaire'
+     */
+    navAriaLabel?: string;
+}
+declare const _default: import("vue").DefineComponent<AvHeaderMenuLinksProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    linkClick: (event: MouseEvent) => any;
+}, string, import("vue").PublicProps, Readonly<AvHeaderMenuLinksProps> & Readonly<{
+    onLinkClick?: ((event: MouseEvent) => any) | undefined;
+}>, {
+    navAriaLabel: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/header/AvLogo.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/header/EsupLogo.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/header/EsupLogo.vue.d.ts

@@ -0,0 +1,7 @@
+type __VLS_Props = {
+    width?: string;
+    height?: string;
+    color?: string;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/header/index.d.ts

@@ -0,0 +1,5 @@
+export { default as AvHeader } from './AvHeader/AvHeader.vue';
+export { default as AvHeaderMenuLinks } from './AvHeaderMenuLinks/AvHeaderMenuLinks.vue';
+export { default as AvLogo } from './AvLogo.vue';
+export { default as EsupLogo } from './EsupLogo.vue';
+export { registerNavigationLinkKey } from '@gouvminint/vue-dsfr';

package/dist/components/index.d.ts

@@ -0,0 +1,8 @@
+export * from './badges';
+export * from './base';
+export * from './cards';
+export * from './feedback';
+export * from './header';
+export * from './interaction';
+export * from './navigation';
+export * from './overlay';

package/dist/components/interaction/accordions/AvAccordion/AvAccordion.stories.d.ts

@@ -0,0 +1,30 @@
+import type { Meta, StoryFn } from '@storybook/vue3';
+/**
+ * <h1 class="n1">Accordions - <code>AvAccordions</code></h1>
+ *
+ * <h2 class="n2">🌟 Introduction</h2>
+ *
+ * <p>
+ *   <span class="b2-regular">
+ *     The <code>AvAccordion</code> is a declarative component used exclusively in the <code>default</code> slot of
+ *     <code>AvAccordionsGroup</code>.
+ *     <code>AvAccordion</code> allows you to configure an accordion by passing its props (such as <code>title</code> and <code>icon</code>)
+ *     to the <code>AvAccordionsGroup</code> component without rendering.
+ *   </span>
+ * </p>
+ *
+ * <p>
+ *   <span class="b2-regular">
+ *     It acts as a proxy component: it exposes information (props) used by <code>AvAccordionsGroup</code> to generate the interface.
+ *   </span>
+ * </p>
+ *
+ * <p>
+ *   <span class="b2-regular">
+ *     🚫 This component does not display anything by itself and should not be used outside <code>AvAccordion</code>.
+ *   </span>
+ * </p>
+ */
+declare const meta: Meta;
+export default meta;
+export declare const Default: StoryFn;

package/dist/components/interaction/accordions/AvAccordion/AvAccordion.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/interaction/accordions/AvAccordion/AvAccordion.vue.d.ts

@@ -0,0 +1,31 @@
+import type { Slot } from 'vue';
+/**
+ * AvAccordion component props.
+ */
+export interface AvAccordionProps {
+    /**
+     * Title of the accordion.
+     */
+    title: string;
+    /**
+     * Accordion icon
+     */
+    icon?: string;
+}
+/**
+ * Slots available in the AvAccordion component.
+ * The default slot contains the content of the accordion.
+ */
+type __VLS_Slots = {
+    /**
+     * Default slot for accordion content.
+     */
+    default?: Slot;
+};
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<AvAccordionProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<AvAccordionProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/interaction/accordions/AvAccordionsGroup/AvAccordionsGroup.stories.d.ts

@@ -0,0 +1,48 @@
+import type { Meta, StoryFn } from '@storybook/vue3';
+import { type AvAccordionsGroupProps } from '@/components/interaction/accordions/AvAccordionsGroup/AvAccordionsGroup.vue';
+/**
+ * <h2 class="n2">🌟 Introduction</h2>
+ *
+ * <p>
+ *   <span class="b2-regular">
+ *     The <code>AvAccordionsGroup</code> component implements VueDSFR <code>DsfrAccordionsGroup</code> while automatically managing
+ *     the addition of <code>DsfrAccordion</code> according to the <code>AvAccordion</code> present in the <code>default</code> slot.
+ *   </span>
+ * </p>
+ *
+ * <p>
+ *   <span class="b2-regular">
+ *     Accordions allow users to show and hide sections of content presented on a page.
+ *   </span>
+ * </p>
+ *
+ * <p>
+ *   <span class="b2-regular">
+ *     The accordions group lets you group several accordions into a single coherent unit. It manages active selection logic between
+ *     child accordions, allowing you to open one accordion while closing the others. This component is essential for organizing
+ *     interactively linked accordion sets.
+ *   </span>
+ * </p>
+ *
+ * <p>
+ *   <span class="b2-regular">
+ *     🏅 Documentation on <code>DsfrAccordionsGroup</code> can be found at
+ *     <a href="https://vue-ds.fr/composants/DsfrAccordionsGroup" target="_blank">VueDSFR</a>
+ *   </span>
+ * </p>
+ *
+ * <h2 class="n2">📐 Structure</h2>
+ *
+ * <ul class="b2-regular">
+ *   <li>A header (<code>title</code> prop, type <code>string</code>) — mandatory, represents the section title.</li>
+ *   <li>A left icon (<code>icon</code> prop, type <code>string</code>) — optional, must follow VICon naming convention.</li>
+ *   <li>A right icon — <code>v</code> when the panel is closed, <code>^</code> when open.</li>
+ *   <li>A separator.</li>
+ *   <li>A content zone — hidden by default and shown when expanded, accepting any content via the default <code>slot</code>.</li>
+ * </ul>
+ */
+declare const meta: Meta<AvAccordionsGroupProps>;
+export default meta;
+export declare const Default: StoryFn<AvAccordionsGroupProps>;
+export declare const WithFirstAccordionOpen: StoryFn<AvAccordionsGroupProps>;
+export declare const WithSecondAccordionOpen: StoryFn<AvAccordionsGroupProps>;

package/dist/components/interaction/accordions/AvAccordionsGroup/AvAccordionsGroup.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/interaction/accordions/AvAccordionsGroup/AvAccordionsGroup.vue.d.ts

@@ -0,0 +1,36 @@
+import type AvAccordion from '@/components/interaction/accordions/AvAccordion/AvAccordion.vue';
+import { type VNode } from 'vue';
+/**
+ * AvAccordionsGroup component props.
+ */
+export interface AvAccordionsGroupProps {
+    /**
+     * Index of the currently active accordion.
+     */
+    activeAccordion?: number;
+}
+type __VLS_Props = AvAccordionsGroupProps;
+/**
+ * Slots available in AvAccordions component.
+ * Used to inject accordions via `AvAccordion` components.
+ */
+type __VLS_Slots = {
+    /**
+     * Default slot for passing `AvAccordion` components.
+     */
+    default?: () => VNode<typeof AvAccordion>[];
+};
+type __VLS_PublicProps = __VLS_Props & {
+    'activeAccordion'?: number;
+};
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:activeAccordion": (...args: unknown[]) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:activeAccordion"?: ((...args: unknown[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/interaction/accordions/index.d.ts

@@ -0,0 +1,2 @@
+export { default as AvAccordion } from './AvAccordion/AvAccordion.vue';
+export { default as AvAccordionsGroup } from './AvAccordionsGroup/AvAccordionsGroup.vue';

package/dist/components/interaction/buttons/AvButton/AvButton.stories.d.ts

@@ -0,0 +1,75 @@
+import type { Meta, StoryFn } from '@storybook/vue3';
+import { type AvButtonProps } from '@/components/interaction/buttons/AvButton/AvButton.vue';
+/**
+ * <h1 class="n1">Buttons - <code>AvButton</code></h1>
+ *
+ * <h2 class="n2">🌟 Introduction</h2>
+ *
+ * <p>
+ *   <span class="b2-regular">
+ *     The <code>AvButton</code> is a component implementing the VueDSFR <code>DsfrButton</code>.
+ *     The button is an interaction element with an interface enabling the user to perform an action.
+ *   </span>
+ * </p>
+ *
+ * <p>
+ *   <span class="b2-regular">
+ *     The <code>AvButton</code> is an elegant, reusable Vue component designed to simplify the creation of custom buttons.
+ *     It features adjustable sizes, an optional icon and a click manager, all in keeping with the <code>DSFR</code> style.
+ *     It's easy to use, with the flexibility to adapt to different contexts.
+ *   </span>
+ * </p>
+ *
+ * <p>
+ *   <span class="b2-regular">
+ *     For <code>AVENIR(s) ESR</code>, the button has been simplified to allow only two variants
+ *     (<code>DEFAULT</code> without border and <code>OUTLINED</code> with border)
+ *     and two themes (<code>PRIMARY</code> blue and <code>SECONDARY</code> grey).
+ *   </span>
+ * </p>
+ *
+ * <p>
+ *   <span class="b2-regular">
+ *     🏅 Documentation on the <code>DsfrButton</code> can be found at
+ *     <a href="https://vue-ds.fr/composants/DsfrButton" target="_blank" rel="noopener noreferrer">VueDSFR</a>
+ *   </span>
+ * </p>
+ *
+ * <h2 class="n2">📐 Structure</h2>
+ *
+ * <p><span class="b2-regular">Buttons consist of :</span></p>
+ *
+ * <ul>
+ *   <li>
+ *     <span class="b2-regular">
+ *       A label – mandatory, using the <code>label</code> prop, enables label display when <code>iconOnly</code> is <code>false</code>,
+ *       also enables connection to <code>title</code> and <code>aria-label</code>;
+ *     </span>
+ *   </li>
+ *   <li>
+ *     <span class="b2-regular">
+ *       An icon, which can be modified (see available icons) – optional.
+ *     </span>
+ *   </li>
+ * </ul>
+ */
+declare const meta: Meta<AvButtonProps>;
+export default meta;
+export declare const Default: StoryFn<AvButtonProps>;
+export declare const DefaultIconOnly: StoryFn<AvButtonProps>;
+export declare const DefaultLoading: StoryFn<AvButtonProps>;
+export declare const DefaultDisabled: StoryFn<AvButtonProps>;
+export declare const DefaultNoRadius: StoryFn<AvButtonProps>;
+export declare const DefaultSecondary: StoryFn<AvButtonProps>;
+export declare const Outlined: StoryFn<AvButtonProps>;
+export declare const OutlinedIconOnly: StoryFn<AvButtonProps>;
+export declare const OutlinedLoading: StoryFn<AvButtonProps>;
+export declare const OutlinedDisabled: StoryFn<AvButtonProps>;
+export declare const OutlinedNoRadius: StoryFn<AvButtonProps>;
+export declare const OutlinedSecondary: StoryFn<AvButtonProps>;
+export declare const Flat: StoryFn<AvButtonProps>;
+export declare const FlatIconOnly: StoryFn<AvButtonProps>;
+export declare const FlatLoading: StoryFn<AvButtonProps>;
+export declare const FlatDisabled: StoryFn<AvButtonProps>;
+export declare const FlatNoRadius: StoryFn<AvButtonProps>;
+export declare const FlatSecondary: StoryFn<AvButtonProps>;

package/dist/components/interaction/buttons/AvButton/AvButton.stub.d.ts

@@ -0,0 +1,15 @@
+export declare const AvButtonStub: import("vue").DefineComponent<{
+    label?: any;
+    type?: any;
+    variant?: any;
+    isLoading?: any;
+    disabled?: any;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").PublicProps, Readonly<{
+    label?: any;
+    type?: any;
+    variant?: any;
+    isLoading?: any;
+    disabled?: any;
+}> & Readonly<{
+    onClick?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/components/interaction/buttons/AvButton/AvButton.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/interaction/buttons/AvButton/AvButton.vue.d.ts

@@ -0,0 +1,78 @@
+import type { VIcon } from '@gouvminint/vue-dsfr';
+/**
+ * AvButton component props.
+ */
+export interface AvButtonProps {
+    /**
+     * Button variant: borderless (`DEFAULT`) or with border (`OUTLINED`).
+     * @default 'DEFAULT'
+     */
+    variant?: 'DEFAULT' | 'OUTLINED' | 'FLAT';
+    /**
+     * Button theme: blue (`PRIMARY`) or gray (`SECONDARY`).
+     * @default 'PRIMARY'
+     */
+    theme?: 'PRIMARY' | 'SECONDARY';
+    /**
+     * Indicates button loading status.
+     * @default false
+     */
+    isLoading?: boolean;
+    /**
+     * Manually change icon size.
+     * If not defined, the size is automatically calculated.
+     */
+    iconScale?: number;
+    /**
+     * Removes radii from the button border.
+     * @default false
+     */
+    noRadius?: boolean;
+    /**
+     * Indicates if the button is disabled.
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Button text label.
+     */
+    label: string;
+    /**
+     * Indicates icon position:
+     * left (`false`) or right (`true`).
+     * @default false
+     */
+    iconRight?: boolean;
+    /**
+     * Hide label text (`true`) or show it (`false`).
+     * @default false
+     */
+    iconOnly?: boolean;
+    /**
+     * Button size: 'sm', 'small', 'md', 'medium', 'lg', 'large' or ''.
+     * @default 'md'
+     */
+    size?: 'sm' | 'small' | 'lg' | 'large' | 'md' | 'medium' | '' | undefined;
+    /**
+     * Icon to be displayed in the button. Can be a name or an icon configuration (eg: `{"name": "mdi:stars"}`).
+     */
+    icon?: string | InstanceType<typeof VIcon>['$props'];
+    /**
+     * Function called when button is clicked.
+     * @param event The click MouseEvent
+     */
+    onClick?: ($event: MouseEvent) => void;
+}
+declare const _default: import("vue").DefineComponent<AvButtonProps, {
+    computedSvgScale: import("vue").ComputedRef<number>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<AvButtonProps> & Readonly<{}>, {
+    size: "" | "small" | "sm" | "lg" | "large" | "md" | "medium";
+    variant: "DEFAULT" | "OUTLINED" | "FLAT";
+    theme: "PRIMARY" | "SECONDARY";
+    isLoading: boolean;
+    noRadius: boolean;
+    disabled: boolean;
+    iconRight: boolean;
+    iconOnly: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/interaction/buttons/AvRichButton/AvRichButton.stories.d.ts

@@ -0,0 +1,39 @@
+import type { Meta, StoryFn } from '@storybook/vue3';
+import { type AvRichButtonProps } from '@/components/interaction/buttons/AvRichButton/AvRichButton.vue';
+/**
+ * <h1 class="n1">Rich buttons - <code>AvRichButton</code></h1>
+ *
+ * <h2 class="n2">🌟 Introduction</h2>
+ *
+ * <p>
+ *   <span class="b2-regular">
+ *     The rich button is an interaction element with an interface enabling the user to perform an action.
+ *   </span>
+ * </p>
+ *
+ * <p>
+ *   <span class="b2-regular">
+ *     The <code>AvRichButton</code> is an elegant, reusable Vue component designed to simplify the creation of custom rich buttons.
+ *     It features optional icons and a click manager. It is easy to use, with the flexibility to adapt to different contexts.
+ *   </span>
+ * </p>
+ *
+ * <p>
+ *   <span class="b2-regular">
+ *     With a default slot, button content is highly customizable. The <code>label</code> property lets you assign the button <code>title</code> and <code>aria-label</code>.
+ *   </span>
+ * </p>
+ *
+ * <h2 class="n2">📐 Structure</h2>
+ *
+ * <p><span class="b2-regular">Rich buttons consist of a button composed of :</span></p>
+ *
+ * <ul>
+ *   <li><span class="b2-regular">an optional left icon</span></li>
+ *   <li><span class="b2-regular">a default slot for button content</span></li>
+ *   <li><span class="b2-regular">an optional right icon</span></li>
+ * </ul>
+ */
+declare const meta: Meta<AvRichButtonProps>;
+export default meta;
+export declare const Default: StoryFn<AvRichButtonProps>;