@club-employes/utopia 4.421.0 → 4.423.0

package/dist/components/layouts/AppShell/AppShell.d.ts

@@ -36,6 +36,7 @@ declare const __VLS_component: DefineComponent<AppShellProps, {}, {}, {}, {}, Co
     tone: ShellTone;
     menuItems: ShellMenuEntry[];
     headerHeight: number;
+    footerVariant: "bar" | "content";
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

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

@@ -39,6 +39,14 @@ export interface AppShellProps {
     headerMaxWidth?: string;
     /** Autorise le repli de la sidebar en rail 72px (persisté via useTheme). */
     collapsible?: boolean;
+    /**
+     * Variante du slot footer. 'bar' (défaut) : barre fixe de 64px alignée sur
+     * l'encart user de la sidebar (version + liens légaux). 'content' : conteneur
+     * libre — hauteur auto, aucun fond/bordure imposé — pour un footer riche
+     * stylé par l'app (ex. ce-carte-ui) ; il reste un landmark hors du <main>,
+     * ancré en bas du viewport sur les pages courtes par le flex de la colonne.
+     */
+    footerVariant?: 'bar' | 'content';
 }
 export interface ShellHeaderProps {
     /** Tone appliqué en standalone (hors AppShell, ex. parité ce_front). */

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

@@ -1,4 +1,4 @@
-import { MfePageProps, ShyHeaderMode, FooterVariant } from './types';
+import { MfePageProps, FooterVariant, ShyHeaderMode } from './types';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
@@ -17,8 +17,8 @@ type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: DefineComponent<MfePageProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<MfePageProps> & Readonly<{}>, {
     padding: "none" | "small" | "medium" | "large";
     intro: string;
-    shyHeader: ShyHeaderMode;
     footerVariant: FooterVariant;
+    shyHeader: ShyHeaderMode;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {
     footerSentinel: HTMLDivElement;
 }, HTMLDivElement>;

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

@@ -0,0 +1,12 @@
+import { OfferCardProps } from './types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare const _default: DefineComponent<OfferCardProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    action: (event: MouseEvent) => any;
+}, string, PublicProps, Readonly<OfferCardProps> & Readonly<{
+    onAction?: ((event: MouseEvent) => any) | undefined;
+}>, {
+    disabled: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {
+    offerCardRef: HTMLDivElement;
+}, HTMLDivElement>;
+export default _default;

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

@@ -0,0 +1,2 @@
+export { default as OfferCard } from './OfferCard';
+export type { OfferCardProps, OfferCardMeta, OfferCardMetaTone } from './types';

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

@@ -0,0 +1,41 @@
+import { IconName } from '../../atoms/Icon/types';
+/**
+ * Tonalité d'un fait secondaire de la zone meta.
+ * - `muted` : information neutre (défaut)
+ * - `warning` : information à surveiller (échéance proche, quota presque épuisé)
+ */
+export type OfferCardMetaTone = 'muted' | 'warning';
+/** Un fait secondaire affiché en bas de carte. */
+export interface OfferCardMeta {
+    /** Libellé déjà formaté par l'appelant (ex. « Jusqu'à 10,00 € / demande »). */
+    label: string;
+    /** Icône optionnelle affichée à gauche du libellé. */
+    icon?: IconName;
+    /** Tonalité visuelle du fait. */
+    tone?: OfferCardMetaTone;
+}
+export interface OfferCardProps {
+    /** Titre de l'offre (ex. « Billetterie — Offre Wassim »). */
+    title: string;
+    /** Sous-titre sous le titre (ex. « Catégorie : Billetterie »). */
+    subtitle?: string;
+    /** Icône de l'en-tête, affichée dans son cartouche. */
+    icon?: IconName;
+    /** Montant restant, déjà formaté (ex. « 65,00 € »). */
+    amount?: string;
+    /** Précision accolée au montant, déjà formatée (ex. « restants sur 100,00 € »). */
+    amountHint?: string;
+    /** Remplissage de la barre de progression, en pourcentage (0–100). */
+    progressPercentage?: number;
+    /** Faits secondaires affichés en bas de carte, dans l'ordre fourni. */
+    metas?: OfferCardMeta[];
+    /**
+     * Offre indisponible : la carte est atténuée et le bouton d'action est
+     * désactivé. Les faits secondaires perdent leur tonalité `warning`.
+     */
+    disabled?: boolean;
+    /** Libellé du bouton d'action. Par défaut : socle i18n (`offerCard.action`). */
+    actionLabel?: string;
+    /** Langue. Aucun défaut statique : prop > locale globale > `fr`. */
+    language?: 'fr' | 'en';
+}

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

@@ -74,3 +74,5 @@ export { Tree } from './Tree';
 export type { TreeProps } from './Tree';
 export { VerticalStepper } from './VerticalStepper';
 export type { VerticalStepperProps, VerticalStep, VerticalStepStatus, VerticalStepperStatus } from './VerticalStepper';
+export { OfferCard } from './OfferCard';
+export type { OfferCardProps, OfferCardMeta, OfferCardMetaTone } from './OfferCard';

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

@@ -386,6 +386,9 @@ declare const _default: {
         editGroup: string;
         deleteGroup: string;
     };
+    offerCard: {
+        action: string;
+    };
     optionSelect: {
         placeholder: string;
         outOfStock: string;

package/dist/index.d.ts

@@ -112,6 +112,7 @@ 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 { clubEmployesDark, clubEmployesLight } from './themes/club-employes';
 export { gifteoDark, gifteoLight } from './themes/gifteo';
 export type { LoaderProps } from './components/templates/Loader/types';