@avenirs-esr/avenirs-dsav 0.1.50 → 0.1.52

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,41 @@
+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 automatically manages the addition of <code>AvAccordion</code>
+ *     in a group 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>
+ *
+ * <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,66 @@
+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 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.
+ *     It's easy to use, with the flexibility to adapt to different contexts.
+ *   </span>
+ * </p>
+ *
+ * <p>
+ *   <span class="b2-regular">
+ *     The button only allow 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>
+ *
+ * <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,6 @@
+export declare const AvButtonStub: {
+    name: string;
+    props: string[];
+    emits: string[];
+    template: string;
+};

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/AvCancelConfirmButtons/AvCancelConfirmButtons.stories.d.ts

@@ -0,0 +1,44 @@
+import type { Meta, StoryFn } from '@storybook/vue3';
+import { type AvCancelConfirmButtonsProps } from '@/components/interaction/buttons/AvCancelConfirmButtons/AvCancelConfirmButtons.vue';
+/**
+ * <h2 class="n2">✨ Introduction</h2>
+ *
+ * <p>
+ *   <span class="b2-regular">
+ *     The <code>AvCancelConfirmButtons</code> is an interaction element with an interface enabling the user
+ *     to perform a cancel and/or a confirm action.
+ *   </span>
+ * </p>
+ *
+ * <h2 class="n2">🏗️ Structure</h2>
+ *
+ * <p>
+ *   <span class="b2-regular">
+ *     This component consists of two optional buttons:
+ *   </span>
+ * </p>
+ *
+ * <ul>
+ *   <li>
+ *     <span class="b2-regular">
+ *       A <strong>cancel button</strong>, displayed by passing the <code>cancelLabel</code> prop.
+ *     </span>
+ *   </li>
+ *   <li>
+ *     <span class="b2-regular">
+ *       A <strong>confirm button</strong>, displayed by passing the <code>confirmLabel</code> prop.
+ *     </span>
+ *   </li>
+ * </ul>
+ */
+declare const meta: Meta<AvCancelConfirmButtonsProps>;
+export default meta;
+export declare const Default: StoryFn<AvCancelConfirmButtonsProps>;
+export declare const CancelOnly: StoryFn<AvCancelConfirmButtonsProps>;
+export declare const ConfirmOnly: StoryFn<AvCancelConfirmButtonsProps>;
+export declare const CancelDisabled: StoryFn<AvCancelConfirmButtonsProps>;
+export declare const ConfirmDisabled: StoryFn<AvCancelConfirmButtonsProps>;
+export declare const BothDisabled: StoryFn<AvCancelConfirmButtonsProps>;
+export declare const CancelLoading: StoryFn<AvCancelConfirmButtonsProps>;
+export declare const ConfirmLoading: StoryFn<AvCancelConfirmButtonsProps>;
+export declare const BothLoading: StoryFn<AvCancelConfirmButtonsProps>;

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

@@ -0,0 +1,6 @@
+export declare const AvCancelConfirmButtonsStub: {
+    name: string;
+    props: string[];
+    emits: string[];
+    template: string;
+};

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

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

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

@@ -0,0 +1,47 @@
+/**
+ * AvCancelConfirmButtons component props.
+ */
+export interface AvCancelConfirmButtonsProps {
+    /**
+     * Label and title (for accessibility) of the cancel button.
+     */
+    cancelLabel?: string;
+    /**
+     * Icon name of the cancel button.
+     * @default 'mdi:close-circle-outline'
+     */
+    cancelIcon?: string;
+    /**
+     * Adds a disabled state on the cancel button.
+     */
+    cancelDisabled?: boolean;
+    /**
+     * Adds a loading state on the cancel button.
+     */
+    cancelIsLoading?: boolean;
+    /**
+     * Label and title (for accessibility) of the confirm button.
+     */
+    confirmLabel?: string;
+    /**
+     * Icon name of the confirm button.
+     * @default 'mdi:check-circle-outline'
+     */
+    confirmIcon?: string;
+    /**
+     * Adds a disabled state on the confirm button.
+     */
+    confirmDisabled?: boolean;
+    /**
+     * Adds a loading state on the confirm button.
+     */
+    confirmIsLoading?: boolean;
+}
+declare const _default: import("vue").DefineComponent<AvCancelConfirmButtonsProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    cancel: () => any;
+    confirm: () => any;
+}, string, import("vue").PublicProps, Readonly<AvCancelConfirmButtonsProps> & Readonly<{
+    onCancel?: (() => any) | undefined;
+    onConfirm?: (() => any) | undefined;
+}>, {}, {}, {}, {}, 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>;

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

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