@club-employes/utopia 4.432.0 → 4.434.0

package/dist/components/layouts/DefaultLayout/components/MenuSection.d.ts

@@ -25,8 +25,8 @@ declare const __VLS_component: DefineComponent<Props, {}, {}, {}, {}, ComponentO
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
 }>, {
     modelValue: boolean;
-    collapsed: boolean;
     defaultExpanded: boolean;
+    collapsed: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {
     sentinelRef: HTMLDivElement;
     sectionRef: HTMLButtonElement;

package/dist/components/layouts/DefaultLayout/components/NavItemGroup.d.ts

@@ -23,8 +23,8 @@ declare const _default: DefineComponent<Props, {}, {}, {}, {}, ComponentOptionsM
     "onChild-click"?: ((child: ChildItem, event: MouseEvent) => any) | undefined;
 }>, {
     children: ChildItem[];
-    collapsed: boolean;
     defaultExpanded: boolean;
+    collapsed: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {
     groupRef: HTMLDivElement;
     flyoutRef: HTMLDivElement;

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

@@ -5,8 +5,8 @@ import { ButtonColor } from '../../atoms/Button/types';
 declare const _default: DefineComponent<EmptyStateProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<EmptyStateProps> & Readonly<{}>, {
     title: string;
     icon: IconName;
-    buttonLabel: string;
     description: string;
+    buttonLabel: string;
     iconSize: IconSize;
     iconColor: string;
     buttonAction: () => void;

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

@@ -6,9 +6,9 @@ declare const _default: DefineComponent<GrantSelectItemProps, {}, {}, {}, {}, Co
     "onUpdate:modelValue"?: ((value: string | number | boolean | undefined) => any) | undefined;
 }>, {
     disabled: boolean;
+    empty: boolean;
     dropdownPlaceholder: string;
     options: GrantSelectOption[];
-    empty: boolean;
     amountLabel: string;
     accordionTitle: string;
     categoryLabel: string;

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

@@ -10,7 +10,7 @@ declare const _default: DefineComponent<IconPickerProps, {}, {}, {}, {}, Compone
     size: "small" | "medium" | "large";
     disabled: boolean;
     modelValue: string;
-    placeholder: string;
     description: string;
+    placeholder: string;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;

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

@@ -0,0 +1,12 @@
+import { SavingsAccordionProps } from './types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare const _default: DefineComponent<SavingsAccordionProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    toggle: (expanded: boolean) => any;
+}, string, PublicProps, Readonly<SavingsAccordionProps> & Readonly<{
+    onToggle?: ((expanded: boolean) => any) | undefined;
+}>, {
+    defaultExpanded: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {
+    linesRef: HTMLDivElement;
+}, HTMLDivElement>;
+export default _default;

package/dist/components/molecules/SavingsAccordion/index.d.ts

@@ -0,0 +1,2 @@
+export { default as SavingsAccordion } from './SavingsAccordion';
+export type { SavingsAccordionProps, SavingsAccordionLine, SavingsAccordionLineColor } from './types';

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

@@ -0,0 +1,17 @@
+/** Color of the leading bullet on a savings line. */
+export type SavingsAccordionLineColor = 'accent' | 'subvention' | 'echeque' | 'secondary';
+/** One line in the collapsible savings breakdown. */
+export interface SavingsAccordionLine {
+    label: string;
+    /** Pre-formatted amount, e.g. "-9,00 €". */
+    value: string;
+    /** Leading bullet color. Defaults to 'secondary'. */
+    color?: SavingsAccordionLineColor;
+}
+/** The blue collapsible "X € d'économisé" breakdown. */
+export interface SavingsAccordionProps {
+    /** Pre-formatted headline, e.g. "53 € d'économisé". */
+    label: string;
+    lines: SavingsAccordionLine[];
+    defaultExpanded?: boolean;
+}

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

@@ -77,3 +77,5 @@ export { VerticalStepper } from './VerticalStepper';
 export type { VerticalStepperProps, VerticalStep, VerticalStepStatus, VerticalStepperStatus } from './VerticalStepper';
 export { OfferCard } from './OfferCard';
 export type { OfferCardProps, OfferCardMeta, OfferCardMetaTone } from './OfferCard';
+export { SavingsAccordion } from './SavingsAccordion';
+export type { SavingsAccordionProps, SavingsAccordionLine, SavingsAccordionLineColor } from './SavingsAccordion';

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

@@ -0,0 +1,27 @@
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_Props = {
+    /** Id référencé par l'`aria-controls` du bouton de bascule. */
+    id: string;
+    expanded: boolean;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {
+        contentEl: HTMLDivElement;
+    };
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {
+    contentEl: HTMLDivElement;
+}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,11 @@
+import { BenefitsLine } from './types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_Props = {
+    line: BenefitsLine;
+};
+declare const _default: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    activate: (event: MouseEvent) => any;
+}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onActivate?: ((event: MouseEvent) => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

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

@@ -0,0 +1,18 @@
+import { BenefitsLine, BenefitsPanelProps } from './types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_Props = BenefitsPanelProps;
+type __VLS_PublicProps = {
+    'expanded'?: string[];
+} & __VLS_Props;
+declare const _default: DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    toggle: (id: string, expanded: boolean) => any;
+    action: (id: string, event: MouseEvent) => any;
+    "line-click": (line: BenefitsLine, groupId: string, event: MouseEvent) => any;
+    "update:expanded": (value: string[]) => any;
+}, string, PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onToggle?: ((id: string, expanded: boolean) => any) | undefined;
+    onAction?: ((id: string, event: MouseEvent) => any) | undefined;
+    "onLine-click"?: ((line: BenefitsLine, groupId: string, event: MouseEvent) => any) | undefined;
+    "onUpdate:expanded"?: ((value: string[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

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

@@ -0,0 +1,35 @@
+import { BenefitsLine, BenefitsPreviewProps } from './types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type OpenSource = 'hover' | 'click' | 'keyboard';
+type __VLS_Props = BenefitsPreviewProps;
+type __VLS_PublicProps = {
+    'open'?: boolean;
+    'expanded'?: string[];
+} & __VLS_Props;
+declare const _default: DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    toggle: (id: string, expanded: boolean) => any;
+    action: (id: string, event: MouseEvent) => any;
+    opened: (source: OpenSource) => any;
+    "update:open": (value: boolean) => any;
+    "line-click": (line: BenefitsLine, groupId: string, event: MouseEvent) => any;
+    "update:expanded": (value: string[]) => any;
+    "first-open": () => any;
+}, string, PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onToggle?: ((id: string, expanded: boolean) => any) | undefined;
+    onAction?: ((id: string, event: MouseEvent) => any) | undefined;
+    onOpened?: ((source: OpenSource) => any) | undefined;
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    "onLine-click"?: ((line: BenefitsLine, groupId: string, event: MouseEvent) => any) | undefined;
+    "onUpdate:expanded"?: ((value: string[]) => any) | undefined;
+    "onFirst-open"?: (() => any) | undefined;
+}>, {
+    openDelay: number;
+    closeDelay: number;
+    triggerIcon: string;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {
+    rootEl: HTMLDivElement;
+    triggerEl: HTMLButtonElement;
+    panelEl: HTMLDivElement;
+    sheetEl: HTMLDivElement;
+}, HTMLDivElement>;
+export default _default;

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

@@ -0,0 +1,18 @@
+import { BenefitsCard } from './types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_Props = {
+    card: BenefitsCard;
+    expanded: boolean;
+    /** Préfixe d'ids unique (aria-controls / aria-describedby). */
+    idPrefix: string;
+    showDetailsLabel: string;
+    hideDetailsLabel: string;
+};
+declare const _default: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    toggle: () => any;
+    action: (id: string, event: MouseEvent) => any;
+}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onToggle?: (() => any) | undefined;
+    onAction?: ((id: string, event: MouseEvent) => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/components/organisms/BenefitsPreview/__tests__/BenefitsPanel.spec.d.ts

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

package/dist/components/organisms/BenefitsPreview/__tests__/BenefitsPreview.spec.d.ts

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

package/dist/components/organisms/BenefitsPreview/__tests__/fixtures.d.ts

@@ -0,0 +1,4 @@
+import { BenefitsHero, BenefitsSection } from '../types';
+/** Données des maquettes (écrans 1 à 5), réutilisées par les specs. */
+export declare const hero: BenefitsHero;
+export declare const sections: BenefitsSection[];

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

@@ -0,0 +1,3 @@
+export { default as BenefitsPreview } from './BenefitsPreview';
+export { default as BenefitsPanel } from './BenefitsPanel';
+export type { BenefitsCard, BenefitsCardLine, BenefitsGroup, BenefitsHelpId, BenefitsHelpItem, BenefitsHero, BenefitsLine, BenefitsLineBadge, BenefitsLink, BenefitsPanelProps, BenefitsPreviewProps, BenefitsSection } from './types';

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

@@ -0,0 +1,157 @@
+/**
+ * BenefitsPreview / BenefitsPanel — aperçu « Mes avantages » du header
+ * (subventions, cagnottes, titres-restaurant).
+ *
+ * Organisme « bête » : toutes les valeurs (montants, dates, compteurs…)
+ * arrivent PRÉ-FORMATÉES du consommateur, le DS ne fait aucun calcul métier.
+ * Les `id` sont opaques et stables : ils sont réémis tels quels (`action`,
+ * `toggle`, `line-click`) et alimentent l'analytics côté consommateur.
+ */
+/** Identifiants des explications par défaut du bloc « Comment ça marche ? » (dictionnaire i18n du DS). */
+export type BenefitsHelpId = 'product-grant' | 'cart-grant' | 'jackpot' | 'refund' | 'meal-voucher';
+/** Encart de synthèse en tête de panneau (« Disponible sur la plateforme »). */
+export interface BenefitsHero {
+    label: string;
+    /** Montant pré-formaté (« 440,00 € »). */
+    amount: string;
+    /** Détail du montant (« Cagnottes 440,00 € »), une puce par ligne. */
+    breakdown?: {
+        label: string;
+        value: string;
+    }[];
+}
+/** Une explication du bloc « Comment ça marche ? ». */
+export interface BenefitsHelpItem {
+    id: string;
+    /** Nom d'icône Utopia (ex. 'Tag', 'Piggy-bank'). */
+    icon: string;
+    title: string;
+    description: string;
+    /** Fond de la tuile d'icône (défaut 'primary'). */
+    tone?: 'primary' | 'warning' | 'neutral';
+}
+/** Pastille au-dessus du titre d'une ligne (« CAMPAGNE », « REMB. SUR FACTURE »). */
+export interface BenefitsLineBadge {
+    label: string;
+    icon?: string;
+    /** Défaut 'primary'. */
+    tone?: 'primary' | 'warning';
+}
+/** Une ligne (subvention, remboursement…) dans un groupe déplié. */
+export interface BenefitsLine {
+    id: string;
+    title: string;
+    /** « CAMPAGNE » / « REMB. SUR FACTURE » */
+    badge?: BenefitsLineBadge;
+    /** Valeur à droite du titre : « 140,00 € restants » / « 45,00 € ». */
+    value?: string;
+    /** Compteur en pastille à droite du titre : « 3/4 achats ». */
+    counter?: string;
+    /** Règle de prise en charge : icône + libellé (« -30 % sur le prix du produit »). */
+    rule?: {
+        icon: string;
+        label: string;
+    };
+    /** Barre de progression (le consommateur fournit les deux bornes). */
+    progress?: {
+        value: number;
+        max: number;
+    };
+    /**
+     * Ligne de temporalité — icône selon `kind` :
+     * 'renewal' → Repeat, 'expiration' → Calendar-clock, 'validated' → Calendar-check.
+     */
+    timing?: {
+        kind: 'renewal' | 'expiration' | 'validated';
+        label: string;
+    };
+    /** Complément ajouté après la temporalité (« sur 320,00 € »). */
+    meta?: string;
+    /** Ligne cliquable : émet `line-click` (le titre devient un bouton couvrant la carte). */
+    interactive?: boolean;
+}
+/** Lien d'action (rendu en bouton, émet `action` avec son `id` — la navigation appartient au consommateur). */
+export interface BenefitsLink {
+    id: string;
+    label: string;
+    icon?: string;
+}
+/** Groupe repliable (Subventions, Cagnottes). */
+export interface BenefitsGroup {
+    id: string;
+    /** Nom d'icône Utopia de la tuile (ex. 'Wallet', 'Piggy-bank'). */
+    icon: string;
+    title: string;
+    subtitle?: string;
+    /** Résumé à droite : « 4 subventions » (accent) | « 440,00 € » (default). */
+    summary: string;
+    /** 'accent' = couleur de marque, 'default' = texte fort (défaut). */
+    summaryTone?: 'accent' | 'default';
+    lines: BenefitsLine[];
+    /** Libellé quand `lines` est vide (défaut i18n). */
+    emptyLabel?: string;
+    /** Lien affiché en bas du groupe déplié, émet `action`. */
+    link?: BenefitsLink;
+}
+/** Ligne de détail d'une carte (« Dotation de juin 2026 » / « + 180,00 € »). */
+export interface BenefitsCardLine {
+    id: string;
+    label: string;
+    value: string;
+}
+/** Carte sombre « Titres-restaurant » avec bascule Détails / Masquer. */
+export interface BenefitsCard {
+    id: string;
+    title: string;
+    /** Montant pré-formaté (« 214,56 € »). */
+    amount: string;
+    /** Légende sous le montant (« Réseau Mastercard »). */
+    caption?: string;
+    /** Détails (révélés par la bascule, masquée si aucun détail). */
+    description?: string;
+    lines?: BenefitsCardLine[];
+    /** « Voir ma carte » — émet `action`. */
+    action?: BenefitsLink;
+}
+/** Section surmontée d'un sur-titre (« UTILISABLE SUR LA PLATEFORME »). */
+export interface BenefitsSection {
+    id: string;
+    label: string;
+    /** Pastille du sur-titre : 'success' (vert) | 'neutral' (gris). Aucune si absent. */
+    dot?: 'success' | 'neutral';
+    groups?: BenefitsGroup[];
+    cards?: BenefitsCard[];
+}
+export interface BenefitsPanelProps {
+    hero?: BenefitsHero;
+    sections: BenefitsSection[];
+    /** Remplace les explications par défaut du DS. */
+    helpItems?: BenefitsHelpItem[];
+    /** Filtre les explications par défaut (ordre canonique conservé ; ignoré si `helpItems` est fourni). */
+    helpIds?: BenefitsHelpId[];
+    /** Masque le bloc « Comment ça marche ? ». */
+    hideHelp?: boolean;
+    /** Titre du bloc d'aide (défaut i18n « Comment ça marche ? »). */
+    helpTitle?: string;
+    /** Squelettes à la place de l'encart et des sections. */
+    loading?: boolean;
+    /** Message d'erreur global (remplace l'encart et les sections). */
+    error?: string;
+    /** Force la langue des libellés internes (sinon locale Utopia globale). */
+    language?: string;
+}
+export interface BenefitsPreviewProps extends BenefitsPanelProps {
+    /** Libellé du trigger pill (« 4 subventions »). */
+    triggerLabel: string;
+    /** Icône Utopia du trigger (défaut 'Badge-percent'). */
+    triggerIcon?: string;
+    /** Nom accessible du trigger (doit contenir le libellé visible). */
+    triggerAriaLabel?: string;
+    /** Nom accessible du dialog (défaut i18n « Mes avantages »). */
+    title?: string;
+    /** Délai d'ouverture au survol, en ms (défaut 150). */
+    openDelay?: number;
+    /** Délai de fermeture à la sortie du survol, en ms (défaut 300). */
+    closeDelay?: number;
+    disabled?: boolean;
+}

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

@@ -1,4 +1,5 @@
 import { ProductRecapProps } from '../ProductRecap/types';
+import { SavingsAccordionLine, SavingsAccordionLineColor, SavingsAccordionProps } from '../../molecules/SavingsAccordion/types';
 /** A read-only info block — delivery/billing address.
  *  `lines` are pre-formatted strings, each rendered as its own row. */
 export interface CartConfirmationAddress {
@@ -13,15 +14,10 @@ export interface CartConfirmationPayment {
     type: CartConfirmationPaymentType;
     lines?: string[];
 }
-/** Color of the leading bullet on a savings line. */
-export type CartConfirmationSavingColor = 'accent' | 'subvention' | 'echeque' | 'secondary';
-/** One line in the collapsible savings breakdown. */
-export interface CartConfirmationSavingLine {
-    label: string;
-    /** Pre-formatted amount, e.g. "-9,00 €". */
-    value: string;
-    color?: CartConfirmationSavingColor;
-}
+/** @deprecated Use `SavingsAccordionLineColor`. */
+export type CartConfirmationSavingColor = SavingsAccordionLineColor;
+/** @deprecated Use `SavingsAccordionLine`. */
+export type CartConfirmationSavingLine = SavingsAccordionLine;
 /** A totals row (sous-total / frais de livraison) with an optional struck old value. */
 export interface CartConfirmationSummaryRow {
     label: string;
@@ -30,13 +26,9 @@ export interface CartConfirmationSummaryRow {
     /** Pre-formatted previous value, rendered struck-through before `value`. */
     oldValue?: string;
 }
-/** The blue collapsible "X € d'économisé" breakdown. Hidden when absent. */
-export interface CartConfirmationSavings {
-    /** e.g. "21 € d'économisé". */
-    label: string;
-    defaultExpanded?: boolean;
-    lines: CartConfirmationSavingLine[];
-}
+/** The blue collapsible "X € d'économisé" breakdown. Hidden when absent.
+ *  @deprecated Use `SavingsAccordionProps`. */
+export type CartConfirmationSavings = SavingsAccordionProps;
 export interface CartConfirmationSummary {
     /** Sous-total row — hidden when absent. */
     subtotal?: CartConfirmationSummaryRow;

package/dist/components/organisms/OrderCard/OrderCard.d.ts

@@ -0,0 +1,22 @@
+import { OrderCardProps, OrderCardItem, OrderCardItemAction } from './types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare const _default: DefineComponent<OrderCardProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    "action-click": (payload: {
+        item: OrderCardItem;
+        action: OrderCardItemAction;
+    }) => any;
+    "invoice-click": (event: MouseEvent) => any;
+    "details-click": (event: MouseEvent) => any;
+    "savings-toggle": (expanded: boolean) => any;
+}, string, PublicProps, Readonly<OrderCardProps> & Readonly<{
+    "onAction-click"?: ((payload: {
+        item: OrderCardItem;
+        action: OrderCardItemAction;
+    }) => any) | undefined;
+    "onInvoice-click"?: ((event: MouseEvent) => any) | undefined;
+    "onDetails-click"?: ((event: MouseEvent) => any) | undefined;
+    "onSavings-toggle"?: ((expanded: boolean) => any) | undefined;
+}>, {
+    loadingRows: number;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/components/organisms/OrderCard/index.d.ts

@@ -0,0 +1,2 @@
+export { default as OrderCard } from './OrderCard';
+export type { OrderCardProps, OrderCardImage, OrderCardAddress, OrderCardItem, OrderCardItemStatus, OrderCardItemAction, OrderCardItemDelivery, OrderCardItemTracking, OrderCardLink, OrderCardActionPayload } from './types';

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

@@ -0,0 +1,105 @@
+import { ChipVariant } from '../../atoms/Chip/types';
+import { ImageFits } from '../../atoms/DefaultImage/types';
+import { SavingsAccordionProps } from '../../molecules/SavingsAccordion/types';
+import { UtopiaLocale } from '../../../i18n/types';
+export interface OrderCardImage {
+    url: string;
+    alt?: string;
+    fit?: ImageFits;
+}
+/** An underlined text action in the card header. Hidden when absent.
+ *  It carries no href: the component only emits, and the caller decides what
+ *  happens (navigate, open a modal, fetch an authenticated file, …). */
+export interface OrderCardLink {
+    /** Defaults from i18n. */
+    label?: string;
+    disabled?: boolean;
+}
+/** One column of the grey address bar. One or two columns are supported. */
+export interface OrderCardAddress {
+    /** Uppercase caption. Defaults from i18n by position (livraison, then facturation). */
+    label?: string;
+    /** Defaults by position: 'fa:regular:location-dot', then 'fa:regular:file-lines'. */
+    icon?: string;
+    /** Bold lead, e.g. "Raneem Bach" or "Club Employés SAS". */
+    name: string;
+    /** Pre-formatted remainder, e.g. "12 Rue de la République, 38100 Grenoble". */
+    address: string;
+}
+/** Status chip on an item row, e.g. "En préparation" (warning), "Expédiées" (success). */
+export interface OrderCardItemStatus {
+    label: string;
+    variant?: ChipVariant;
+    leftIcon?: string;
+}
+/** Shipping method line under an item title, e.g. "Colissimo · Dom." */
+export interface OrderCardItemDelivery {
+    label: string;
+    /** Defaults to 'fa:regular:truck'. Use 'fa:regular:envelope' for digital delivery. */
+    icon?: string;
+}
+/** Carrier tracking link under an item title, e.g. "FR123456789". */
+export interface OrderCardItemTracking {
+    label: string;
+    to?: string;
+}
+/** A download button attached to an item row. */
+export interface OrderCardItemAction {
+    id: string | number;
+    label: string;
+    /** Defaults to 'fa:regular:arrow-down-to-line'. */
+    icon?: string;
+    /** Opened in a new tab by the component when set. */
+    url?: string;
+    disabled?: boolean;
+    loading?: boolean;
+}
+export interface OrderCardItem {
+    id: string | number;
+    image?: OrderCardImage;
+    title: string;
+    /** Brand, rendered muted after a "·". Hidden when absent. */
+    brand?: string;
+    status?: OrderCardItemStatus;
+    /** Shipping method line — hidden when absent. */
+    delivery?: OrderCardItemDelivery;
+    /** Carrier tracking link — hidden when absent. */
+    tracking?: OrderCardItemTracking;
+    /** Pre-formatted line total, e.g. "144 €". */
+    price?: string;
+    /** Pre-formatted unit price including its suffix, e.g. "48 € / unité". Hidden when absent. */
+    unitPrice?: string;
+    quantity?: number;
+    /** Download buttons under the row. Hidden when empty. */
+    actions?: OrderCardItemAction[];
+}
+export interface OrderCardProps {
+    loading?: boolean;
+    /** Full reference line, e.g. "Commande #835C7175A9R67". */
+    reference?: string;
+    /** Pre-formatted subtitle, e.g. "06 Mai 2026 · 6 articles". */
+    subtitle?: string;
+    /** Pre-formatted grand total, e.g. "198 €". */
+    total?: string;
+    /** Collapsible savings breakdown. Full width on a narrow card. Hidden when absent. */
+    savings?: SavingsAccordionProps;
+    /** "Voir les détails" action — hidden when absent. Emits `details-click`. */
+    details?: OrderCardLink;
+    /** "Télécharger la facture" action — hidden when absent. Emits `invoice-click`. */
+    invoice?: OrderCardLink;
+    /** One or two columns; the grey bar is hidden when empty. Stacks on a narrow card. */
+    addresses?: OrderCardAddress[];
+    items?: OrderCardItem[];
+    /** Prefix before the quantity, e.g. "Qt :". Defaults from i18n. */
+    quantityLabel?: string;
+    /** Number of skeleton item rows rendered while `loading`. */
+    loadingRows?: number;
+    /** Don't open `action.url` after emitting `action-click`.
+     *  Use when the caller downloads the file itself (e.g. an authenticated fetch). */
+    skipWindowOpen?: boolean;
+    language?: UtopiaLocale;
+}
+export interface OrderCardActionPayload {
+    item: OrderCardItem;
+    action: OrderCardItemAction;
+}

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

@@ -48,3 +48,7 @@ export { ExplanationStepper } from './ExplanationStepper';
 export type { ExplanationStepperProps } from './ExplanationStepper';
 export { CampaignAncvCard } from './CampaignAncvCard';
 export type { CampaignAncvCardProps } from './CampaignAncvCard';
+export { OrderCard } from './OrderCard';
+export type { OrderCardProps, OrderCardImage, OrderCardAddress, OrderCardItem, OrderCardItemStatus, OrderCardItemAction, OrderCardItemDelivery, OrderCardItemTracking, OrderCardLink, OrderCardActionPayload } from './OrderCard';
+export { BenefitsPreview, BenefitsPanel } from './BenefitsPreview';
+export type { BenefitsPreviewProps, BenefitsPanelProps, BenefitsHelpId, BenefitsHero, BenefitsHelpItem, BenefitsLineBadge, BenefitsLine, BenefitsLink, BenefitsGroup, BenefitsCardLine, BenefitsCard, BenefitsSection } from './BenefitsPreview';

package/dist/i18n/messages/fr.d.ts

@@ -80,6 +80,38 @@ declare const _default: {
         showMore: string;
         showLess: string;
     };
+    benefitsPreview: {
+        title: string;
+        helpTitle: string;
+        showDetails: string;
+        hideDetails: string;
+        emptyGroup: string;
+        empty: string;
+        loading: string;
+        close: string;
+        help: {
+            productGrant: {
+                title: string;
+                description: string;
+            };
+            cartGrant: {
+                title: string;
+                description: string;
+            };
+            jackpot: {
+                title: string;
+                description: string;
+            };
+            refund: {
+                title: string;
+                description: string;
+            };
+            mealVoucher: {
+                title: string;
+                description: string;
+            };
+        };
+    };
     campaignAncvCard: {
         reference: string;
         faceValue: string;
@@ -402,6 +434,14 @@ declare const _default: {
         placeholder: string;
         outOfStock: string;
     };
+    orderCard: {
+        deliveryAddress: string;
+        billingAddress: string;
+        singleAddress: string;
+        details: string;
+        invoice: string;
+        quantity: string;
+    };
     pageNavigation: {
         previous: string;
         next: string;

package/dist/index.d.ts

@@ -106,14 +106,17 @@ export type { UserSelectionProps } from './components/organisms/UserSelection/ty
 export type { ContestCardProps } from './components/organisms/ContestCard/types';
 export type { ExplanationStepperProps } from './components/organisms/ExplanationStepper/types';
 export type { CampaignAncvCardProps } from './components/organisms/CampaignAncvCard/types';
+export type { OrderCardProps, OrderCardImage, OrderCardAddress, OrderCardItem, OrderCardItemStatus, OrderCardItemAction, OrderCardItemDelivery, OrderCardItemTracking, OrderCardLink, OrderCardActionPayload } from './components/organisms/OrderCard/types';
 export type { AddressFormProps, AddressFormSchema, AddressFormSection } from './components/organisms/AddressForm/types';
 export type { CartPreviewProps, CartPreviewPrice, CartPreviewPriceLine } from './components/organisms/CartPreview/types';
 export type { CartPreviewItemProps } from './components/molecules/CartPreviewItem/types';
+export type { BenefitsPreviewProps, BenefitsPanelProps, BenefitsHelpId, BenefitsHero, BenefitsHelpItem, BenefitsLineBadge, BenefitsLine, BenefitsLink, BenefitsGroup, BenefitsCardLine, BenefitsCard, BenefitsSection } from './components/organisms/BenefitsPreview/types';
 export { MyUserGroups } from './components/molecules/MyUserGroups';
 export type { MyUserGroupsProps, UserGroupCriterion } from './components/molecules/MyUserGroups/types';
 export type { TreeProps, TreeNode, TreeSelectionKey } from './components/molecules/Tree/types';
 export type { VerticalStepperProps, VerticalStep, VerticalStepStatus, VerticalStepperStatus } from './components/molecules/VerticalStepper/types';
 export type { OfferCardProps, OfferCardMeta, OfferCardMetaTone } from './components/molecules/OfferCard/types';
+export type { SavingsAccordionProps, SavingsAccordionLine, SavingsAccordionLineColor } from './components/molecules/SavingsAccordion/types';
 export { clubEmployesDark, clubEmployesLight } from './themes/club-employes';
 export { gifteoDark, gifteoLight } from './themes/gifteo';
 export type { LoaderProps } from './components/templates/Loader/types';