@club-employes/utopia 4.440.0 → 4.442.0

package/dist/components/layouts/MfePage/types.d.ts

@@ -7,4 +7,6 @@ export interface MfePageProps {
     shyHeader?: ShyHeaderMode;
     maxWidth?: string;
     footerVariant?: FooterVariant;
+    /** Transmis au PageHeader : titre et actions restent côte à côte sur mobile. @default false */
+    inlineActions?: boolean;
 }

package/dist/components/molecules/PageHeader/PageHeader.d.ts

@@ -12,6 +12,7 @@ type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: DefineComponent<PageHeaderProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<PageHeaderProps> & Readonly<{}>, {
     title: string;
     intro: string;
+    inlineActions: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/dist/components/molecules/PageHeader/__tests__/PageHeader.inlineActions.spec.d.ts

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

package/dist/components/molecules/PageHeader/types.d.ts

@@ -1,4 +1,10 @@
 export interface PageHeaderProps {
     title: string;
     intro?: string;
+    /**
+     * Garde titre et actions côte à côte sous 1024 px (titre et sous-titre à gauche, actions collées à
+     * droite) au lieu d'empiler les actions centrées sous le titre. Pour des actions compactes (boutons
+     * icône, compteur + export). @default false
+     */
+    inlineActions?: boolean;
 }

package/dist/components/molecules/Tabs/Tabs.d.ts

@@ -10,5 +10,8 @@ declare const _default: DefineComponent<TabsProps, {}, {}, {}, {}, ComponentOpti
     ariaLabel: string;
     modelValue: string;
     fullWidth: boolean;
-}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+    mobileLayout: "stack" | "scroll";
+}, {}, {}, {}, string, ComponentProvideOptions, false, {
+    scrollerRef: HTMLDivElement;
+}, HTMLDivElement>;
 export default _default;

package/dist/components/molecules/Tabs/__tests__/Tabs.mobileLayout.spec.d.ts

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

package/dist/components/molecules/Tabs/types.d.ts

@@ -2,6 +2,11 @@ import { IconSize } from '../../atoms/Icon';
 export interface TabsProps {
     modelValue: string;
     fullWidth?: boolean;
+    /**
+     * Rendu sous 768 px : `'stack'` empile les onglets (historique), `'scroll'` les garde sur une ligne
+     * avec défilement horizontal (l'onglet actif est ramené dans la vue). @default 'stack'
+     */
+    mobileLayout?: 'stack' | 'scroll';
     ariaLabel?: string;
     isDisabled?: boolean;
     tabs: TabProps[];

package/dist/components/organisms/BenefitsPreview/types.d.ts

@@ -92,6 +92,12 @@ export interface BenefitsGroup {
     emptyLabel?: string;
     /** Lien affiché en bas du groupe déplié, émet `action`. */
     link?: BenefitsLink;
+    /**
+     * Groupe « bloc cliquable » : l'en-tête entier devient un bouton qui émet
+     * `action` avec cet id — sans chevron ni contenu dépliable (`lines`,
+     * `emptyLabel` et `link` sont ignorés). Ex. : bloc Cagnotte → liste des e-chèques.
+     */
+    actionId?: string;
 }
 /** Ligne de détail d'une carte (« Dotation de juin 2026 » / « + 180,00 € »). */
 export interface BenefitsCardLine {
@@ -141,8 +147,13 @@ export interface BenefitsPanelProps {
     language?: string;
 }
 export interface BenefitsPreviewProps extends BenefitsPanelProps {
-    /** Libellé du trigger pill (« 4 subventions »). */
+    /** Libellé du trigger pill (« 484,50 € »). Vide : seuls l'icône, la pastille et le chevron sont rendus. */
     triggerLabel: string;
+    /**
+     * Pastille après le libellé (« + 2 sub. »), fond bleu clair. Le trigger
+     * s'élargit selon son contenu, sans troncature ni retour à la ligne.
+     */
+    triggerBadge?: string;
     /** Icône Utopia du trigger (défaut 'Badge-percent'). */
     triggerIcon?: string;
     /** Nom accessible du trigger (doit contenir le libellé visible). */