@avenirs-esr/avenirs-dsav 0.1.76 → 0.1.78

package/dist/components/interaction/selects/AvSelect/AvSelect.stories.d.ts

@@ -20,7 +20,7 @@ import { type AvSelectProps } from '@/components/interaction/selects/AvSelect/Av
  *
  * <h2 class="n2">🏗️ Structure</h2>
  *
- * <p><span class="b2-regular"><code>AvSelect</code> consists of a set of <code>&lt;option&gt;</code> within a <code>&lt;select&gt;</code>.</span></p>
+ * <p><span class="b2-regular">The <code>AvSelect</code> consists of a set of <code>&lt;option&gt;</code> within a <code>&lt;select&gt;</code>.</span></p>
  */
 declare const meta: {
     title: string;

package/dist/components/interaction/selects/AvSelect/AvSelect.vue.d.ts

@@ -1,3 +1,6 @@
+/**
+ * AvSelect component props.
+ */
 export interface AvSelectProps {
     /**
      * Indicates if the select is required.

package/dist/components/navigation/AvPagination/AvPagination.stories.d.ts

@@ -0,0 +1,28 @@
+import type { Meta, StoryFn } from '@storybook/vue3';
+import type { AvPaginationProps } from '@/components/navigation/AvPagination/AvPagination.vue';
+/**
+ * <h1 class="n1">Pagination - <code>AvPagination</code></h1>
+ *
+ * <h2 class="n2">✨ Introduction</h2>
+ *
+ * <p class="b2-regular">
+ *   The <code>AvPagination</code> is a pagination system compliant with good ergonomic and accessibility practices (ARIA).
+ *   It allows easy navigation through multiple pages, with advanced features such as page display limitation and event management.
+ * </p>
+ *
+ * <h2 class="n2">🏗️ Structure</h2>
+ *
+ * <p class="b2-regular">
+ *   This component displays links for the first, previous, middle, next, and last pages,
+ *   with adaptive controls according to pagination status.
+ * </p>
+ */
+declare const meta: Meta<AvPaginationProps>;
+export default meta;
+export declare const Default: StoryFn<AvPaginationProps>;
+export declare const DefaultMiddlePage: StoryFn<AvPaginationProps>;
+export declare const DefaultLastPage: StoryFn<AvPaginationProps>;
+export declare const DefaultTruncated: StoryFn<AvPaginationProps>;
+export declare const Compact: StoryFn<AvPaginationProps>;
+export declare const CompactMiddlePage: StoryFn<AvPaginationProps>;
+export declare const CompactLastPage: StoryFn<AvPaginationProps>;

package/dist/components/navigation/AvSideMenu/AvSideMenu.stories.d.ts

@@ -32,9 +32,9 @@ import { type AvSideMenuProps } from '@/components/navigation/AvSideMenu/AvSideM
  * <p><span class="b2-regular">The side-menu component consists of the following elements:</span></p>
  *
  * <ul>
- *   <li><span class="b2-regular"><strong>Header:</strong> (optional) Contains the collapse/expand toggle button when collapsible=true</span></li>
- *   <li><span class="b2-regular"><strong>Toggle Button:</strong> (optional) Interactive button to collapse/expand the menu</span></li>
- *   <li><span class="b2-regular"><strong>Content Area:</strong> Scrollable area for your custom content via default slot</span></li>
+ *   <li><span class="b2-regular">the <strong>Header:</strong> (optional) Contains the collapse/expand toggle button when collapsible=true</span></li>
+ *   <li><span class="b2-regular">the <strong>Toggle Button:</strong> (optional) Interactive button to collapse/expand the menu</span></li>
+ *   <li><span class="b2-regular">the <strong>Content Area:</strong> Scrollable area for your custom content via default slot</span></li>
  * </ul>
  *
  * <p><span class="b2-regular">The side-menu integrates:</span></p>

package/dist/components/navigation/AvSideNavigation/AvSideNavigation.stories.d.ts

@@ -34,10 +34,10 @@ import AvSideNavigation from './AvSideNavigation.vue';
  * <p><span class="b2-regular">The side navigation component consists of the following elements:</span></p>
  *
  * <ul>
- *   <li><span class="b2-regular"><strong>Side Menu Container:</strong> The main AvSideMenu wrapper that handles collapsible behavior</span></li>
- *   <li><span class="b2-regular"><strong>Navigation List:</strong> An AvList component that contains all navigation items</span></li>
- *   <li><span class="b2-regular"><strong>Navigation Items:</strong> Individual AvListItem components representing each navigational option</span></li>
- *   <li><span class="b2-regular"><strong>Toggle Functionality:</strong> Automatic label hiding/showing based on collapsed state</span></li>
+ *   <li><span class="b2-regular">the <strong>Side Menu Container:</strong> The main AvSideMenu wrapper that handles collapsible behavior</span></li>
+ *   <li><span class="b2-regular">the <strong>Navigation List:</strong> An AvList component that contains all navigation items</span></li>
+ *   <li><span class="b2-regular">the <strong>Navigation Items:</strong> Individual AvListItem components representing each navigational option</span></li>
+ *   <li><span class="b2-regular">the <strong>Toggle Functionality:</strong> Automatic label hiding/showing based on collapsed state</span></li>
  * </ul>
  *
  * <p><span class="b2-regular">The side navigation integrates:</span></p>

package/dist/components/navigation/AvStepper/AvStepper.vue.d.ts

@@ -13,7 +13,5 @@ export interface AvStepperProps {
      */
     width?: string;
 }
-declare const _default: import("vue").DefineComponent<AvStepperProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<AvStepperProps> & Readonly<{}>, {
-    width: string;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: import("vue").DefineComponent<AvStepperProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<AvStepperProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/components/overlay/drawers/AvDrawer/AvDrawer.stories.d.ts

@@ -30,9 +30,9 @@ import { type AvDrawerProps } from '@/components/overlay/drawers/AvDrawer/AvDraw
  * <p><span class="b2-regular">The drawer consists of the following elements:</span></p>
  *
  * <ul>
- *   <li><span class="b2-regular"><strong>Container:</strong> The main drawer panel that slides in from the specified edge</span></li>
- *   <li><span class="b2-regular"><strong>Backdrop:</strong> (optional) Semi-transparent overlay that dims the background content</span></li>
- *   <li><span class="b2-regular"><strong>Content Area:</strong> Flexible content container that accepts any slotted content</span></li>
+ *   <li><span class="b2-regular">the <strong>Container:</strong> The main drawer panel that slides in from the specified edge</span></li>
+ *   <li><span class="b2-regular">the <strong>Backdrop:</strong> (optional) Semi-transparent overlay that dims the background content</span></li>
+ *   <li><span class="b2-regular">the <strong>Content Area:</strong> Flexible content container that accepts any slotted content</span></li>
  * </ul>
  *
  * <p><span class="b2-regular">The drawer integrates:</span></p>

package/dist/components/overlay/dropdowns/AvDropdown/AvDropdown.stub.d.ts

@@ -5,7 +5,7 @@ export declare const AvDropdownStub: import("vue").DefineComponent<{
     triggerIcon?: any;
     triggerLabel?: any;
     triggerVariant?: any;
-    triggerSize?: any;
+    triggerSmall?: any;
 }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "itemSelected"[], "itemSelected", import("vue").PublicProps, Readonly<{
     padding?: any;
     items?: any;
@@ -13,7 +13,7 @@ export declare const AvDropdownStub: import("vue").DefineComponent<{
     triggerIcon?: any;
     triggerLabel?: any;
     triggerVariant?: any;
-    triggerSize?: any;
+    triggerSmall?: any;
 }> & Readonly<{
     onItemSelected?: ((...args: any[]) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/components/overlay/dropdowns/AvDropdown/AvDropdown.vue.d.ts

@@ -43,10 +43,10 @@ export interface AvDropdownProps {
      */
     triggerVariant?: AvButtonProps['variant'];
     /**
-     * Size of the trigger button.
-     * @default 'sm'
+     * Display the trigger button in small size (`true`) or default size (`false`).
+     * @default true
      */
-    triggerSize?: AvButtonProps['size'];
+    triggerSmall?: AvButtonProps['small'];
     /**
      * Width of the dropdown menu.
      * @default '15rem'
@@ -58,10 +58,10 @@ export interface AvDropdownProps {
      */
     padding?: string;
     /**
-     * Size of menu item buttons.
-     * @default 'sm'
+     * Display menu item buttons in small size (`true`) or default size (`false`).
+     * @default true
      */
-    itemSize?: AvButtonProps['size'];
+    itemSmall?: AvButtonProps['small'];
     /**
      * Theme of menu item buttons.
      * @default 'SECONDARY'

package/dist/components/overlay/modals/AvModal/AvModal.stories.d.ts

@@ -0,0 +1,36 @@
+import type { Meta, StoryFn } from '@storybook/vue3';
+import { type AvModalProps } from '@/components/overlay/modals/AvModal/AvModal.vue';
+/**
+ * <h1 class="n1">Modals - <code>AvModal</code></h1>
+ *
+ * <h2 class="n2">✨ Introduction</h2>
+ *
+ * <p class="b2-regular">
+ *   The <code>AvModal</code> allows the user's attention to be focused exclusively on a task or a piece of information,
+ *   without losing the context of the current page. This component requires a user action to be opened or closed.
+ * </p>
+ *
+ * <p class="b2-regular">
+ *   The <code>AvModal</code> component is a configurable modal window offering advanced features such as focus trapping,
+ *   escape key handling for closure, and action button management. This component is designed to display dialogs and alerts
+ *   in an accessible and ergonomic way.
+ * </p>
+ *
+ * <h2 class="n2">🏗️ Structure</h2>
+ *
+ * <p class="b2-regular">
+ *   The default modal is used to highlight information that does not require user action. It is displayed when a button is clicked.
+ *   It consists of the following elements:
+ * </p>
+ *
+ * <ul>
+ *   <li>The title (slot <code>header</code>), optional,</li>
+ *   <li>The content zone (slot <code>default</code>), mandatory,</li>
+ *   <li>The right-justified footer zone, which can be filled using the <code>footer</code> slot.
+ *       This zone always includes the close button to the left of the custom slot elements,
+ *       and must contain buttons only.</li>
+ * </ul>
+ */
+declare const meta: Meta<AvModalProps>;
+export default meta;
+export declare const Default: StoryFn<AvModalProps>;

package/dist/components/overlay/modals/AvModal/AvModal.vue.d.ts

@@ -18,11 +18,6 @@ export interface AvModalProps {
      * @default false
      */
     isAlert?: boolean;
-    /**
-     * Modal size.
-     * @default 'md'
-     */
-    size?: 'sm' | 'md' | 'lg' | 'xl';
     /**
      * Label and title (for accessibility) of the close button.
      */

package/dist/components/overlay/popovers/AvPopover/AvPopover.vue.d.ts

@@ -5,7 +5,6 @@ import { type ComponentPublicInstance } from 'vue';
 export interface AvPopoverProps {
     /**
      * Popover width.
-     * @default '12.5rem'
      */
     width?: string;
     /**
@@ -36,10 +35,7 @@ declare function setTriggerRef(el: Element | ComponentPublicInstance | null): vo
 declare const _default: __VLS_WithSlots<import("vue").DefineComponent<AvPopoverProps, {
     setTriggerRef: typeof setTriggerRef;
     triggerRef: import("vue").Ref<HTMLElement | null, HTMLElement | null>;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<AvPopoverProps> & Readonly<{}>, {
-    width: string;
-    padding: string;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, __VLS_Slots>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<AvPopoverProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, __VLS_Slots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

package/dist/composables/use-av-breakpoints/use-av-breakpoints.d.ts

@@ -16,6 +16,7 @@ export declare const AV_BREAKPOINTS: {
  * when the viewport width changes. It provides both **granular breakpoint flags**
  * (`isBelowSm`, `isAboveLg`, etc.) and **semantic viewport categories**
  * (`isMobile`, `isTablet`, `isDesktop`).
+ * The current active breakpoint key is also provided via `currentBreakpoint`.
  */
 export interface UseAvBreakpointsReturn {
     /**
@@ -45,6 +46,8 @@ export interface UseAvBreakpointsReturn {
     isAboveMd: Ref<boolean>;
     /** True if viewport width is above or equal to 1024px (64rem). */
     isAboveLg: Ref<boolean>;
+    /** Current active breakpoint key ('sm' | 'md' | 'lg' | 'xl'). */
+    currentBreakpoint?: Ref<keyof typeof AV_BREAKPOINTS>;
 }
 /**
  * Vue composable providing reactive responsive utilities

package/dist/composables/use-collapsable/use-collapsable.d.ts

@@ -77,7 +77,7 @@ export interface UseCollapsableReturn {
  * @example
  * ```vue
  * <template>
- *   <div ref="collapse" class="fr-collapse" @transitionend="onTransitionEnd(cssExpanded)">
+ *   <div ref="collapse" class="av-collapse" @transitionend="onTransitionEnd(cssExpanded)">
  *     <slot />
  *   </div>
  *   <button @click="doExpand(!cssExpanded)">Toggle</button>