@club-employes/utopia 4.42.0 → 4.44.0

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

@@ -0,0 +1,28 @@
+import { ProductCardProps } from './types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare const _default: DefineComponent<ProductCardProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+    "toggle-favorite": (payload: {
+        id: string;
+        newState: boolean;
+    }) => any;
+    "card-click": (payload: {
+        id: string;
+    }) => any;
+}, string, PublicProps, Readonly<ProductCardProps> & Readonly<{
+    "onToggle-favorite"?: ((payload: {
+        id: string;
+        newState: boolean;
+    }) => any) | undefined;
+    "onCard-click"?: ((payload: {
+        id: string;
+    }) => any) | undefined;
+}>, {
+    currency: string;
+    language: "fr" | "en";
+    imageUrl: string;
+    available: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {
+    titleRef: HTMLHeadingElement;
+    descriptionRef: HTMLParagraphElement;
+}, HTMLDivElement>;
+export default _default;

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

@@ -0,0 +1 @@
+export { default as ProductCard } from './ProductCard';

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

@@ -0,0 +1,19 @@
+export interface ProductCardProps {
+    id: string;
+    title: string;
+    description?: string;
+    imageUrl: string;
+    logoUrl?: string;
+    isFavorite: boolean;
+    tags?: string[];
+    available?: boolean;
+    variantCount?: number;
+    price?: number;
+    oldPrice?: number;
+    discount?: string;
+    discountTooltip?: string;
+    currency?: string;
+    subventionName?: string;
+    subventionTooltip?: string;
+    language?: 'fr' | 'en';
+}

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

@@ -0,0 +1,9 @@
+export { BalanceCard } from './BalanceCard';
+export type { BalanceCardProps } from './BalanceCard';
+export { BalanceCardGroup } from './BalanceCardGroup';
+export type { BalanceCardData, BalanceCardGroupProps } from './BalanceCardGroup';
+export { DataTable } from './DataTable';
+export { Breadcrumbs } from './Breadcrumbs';
+export { ProductCard } from './ProductCard';
+export { FilterPrice } from './FilterPrice';
+export { PageNavigation } from './PageNavigation';

package/dist/composables/index.d.ts

@@ -0,0 +1,6 @@
+export { getActiveTheme, initializeTheme, isValidThemeName, unlockBrand, type ThemeName } from './initializeTheme';
+export { useFavicon } from './useFavicon';
+export { useScrollShadows, type UseScrollShadowsOptions, type UseScrollShadowsReturn } from './useScrollShadows';
+export { useTheme, type BrandTheme, type ThemeMode } from './useTheme';
+export { useBreakpoints } from './useBreakpoints';
+export { useCurrency } from './useCurrency';

package/dist/composables/initializeTheme.d.ts

@@ -0,0 +1,49 @@
+/**
+ * Initialize theme before Vue app mounts to prevent FOUC (Flash of Unstyled Content)
+ *
+ * This function should be called BEFORE creating the Vue app instance.
+ * It loads and injects the theme CSS synchronously into the document head.
+ *
+ * @example
+ * ```typescript
+ * import { initializeTheme } from '@utopia/design-system'
+ *
+ * // Detect theme from domain
+ * const domain = window.location.hostname
+ * const themeName = domain.includes('gifteo') ? 'gifteo-light' : 'club-employes-light'
+ *
+ * // Initialize theme BEFORE creating Vue app
+ * await initializeTheme(themeName)
+ *
+ * // Now create Vue app (no FOUC)
+ * const app = createApp(App)
+ * app.mount('#app')
+ * ```
+ */
+export type ThemeName = 'club-employes-light' | 'club-employes-dark' | 'gifteo-light' | 'gifteo-dark';
+/**
+ * Validates if the theme name is valid
+ */
+export declare function isValidThemeName(themeName: string): themeName is ThemeName;
+/**
+ * Initialize theme CSS before app mount
+ * @param themeName - The theme name to load (e.g., 'club-employes-light')
+ * @throws Error if theme name is invalid or CSS cannot be loaded
+ */
+export declare function initializeTheme(themeName: string): Promise<void>;
+/**
+ * Get the currently active theme name from the DOM
+ * @returns The active theme name or null if none is set
+ */
+export declare function getActiveTheme(): ThemeName | null;
+/**
+ * Unlock the brand to allow manual brand switching
+ * Useful for demo/showcase applications like utopia-website
+ *
+ * @example
+ * ```typescript
+ * // In a showcase/demo app, unlock the brand to allow testing
+ * unlockBrand()
+ * ```
+ */
+export declare function unlockBrand(): void;

package/dist/composables/useBreakpoints.d.ts

@@ -0,0 +1,11 @@
+import { Ref } from 'vue';
+export declare const breakpoints: {
+    mobile: number;
+    tablet: number;
+    desktop: number;
+};
+export declare const useBreakpoints: () => {
+    isMobile: Ref<boolean, boolean>;
+    isTablet: Ref<boolean, boolean>;
+    isDesktop: Ref<boolean, boolean>;
+};

package/dist/composables/useCurrency.d.ts

@@ -0,0 +1,6 @@
+import { Currency } from '../components/atoms';
+import { ComputedRef } from 'vue';
+export declare function useCurrency(currency: Currency): {
+    currencyIconName: ComputedRef<string>;
+};
+export type UseCurrencyReturn = ReturnType<typeof useCurrency>;

package/dist/composables/useFavicon.d.ts

@@ -0,0 +1,10 @@
+import { ComputedRef } from 'vue';
+/**
+ * Composable pour gérer le favicon dynamique basé sur le thème actuel
+ */
+export declare function useFavicon(): {
+    faviconUrl: ComputedRef<string>;
+    refreshFavicon: () => void;
+    updateFavicon: (faviconUrl: string) => void;
+};
+export type UseFaviconReturn = ReturnType<typeof useFavicon>;

package/dist/composables/useScrollShadows.d.ts

@@ -0,0 +1,46 @@
+import { Ref } from 'vue';
+export interface UseScrollShadowsOptions {
+    /** Délai avant la première vérification (ms) */
+    initialDelay?: number;
+    /** Tolérance en pixels pour détecter le bas */
+    bottomTolerance?: number;
+    /** Tolérance en pixels pour détecter le haut */
+    topTolerance?: number;
+    /** Configuration des ombres */
+    shadowConfig?: {
+        /** Offset du haut en px */
+        topOffset?: number;
+        /** Offset du bas en px */
+        bottomOffset?: number;
+        /** Hauteur des ombres en px */
+        height?: number;
+        /** Opacité des ombres (0-1) */
+        opacity?: number;
+        /** Z-index des ombres */
+        zIndex?: number;
+    };
+    /** Injecter automatiquement les styles CSS */
+    injectStyles?: boolean;
+}
+export interface UseScrollShadowsReturn {
+    /** Ref de l'élément scrollable */
+    scrollElementRef: Ref<HTMLElement | undefined>;
+    /** État de l'ombre du haut */
+    showTopShadow: Ref<boolean>;
+    /** État de l'ombre du bas */
+    showBottomShadow: Ref<boolean>;
+    /** Fonction à appeler sur l'événement scroll */
+    handleScroll: () => void;
+    /** Fonction pour vérifier manuellement la position */
+    checkScrollPosition: () => void;
+    /** Fonction d'initialisation à appeler dans onMounted */
+    initialize: () => void;
+    /** Classes CSS calculées pour le conteneur */
+    containerClasses: Ref<string[]>;
+    /** Classes CSS pour l'élément scrollable */
+    scrollClasses: Ref<string[]>;
+    /** Fonction pour initialiser avec un watcher */
+    initializeOnChange: (trigger: () => any) => () => void;
+}
+export declare function useScrollShadows(options?: UseScrollShadowsOptions): UseScrollShadowsReturn;
+export type ScrollShadowsComposable = ReturnType<typeof useScrollShadows>;

package/dist/composables/useTheme.d.ts

@@ -0,0 +1,22 @@
+import { ThemeConfig } from '../theme-provider';
+import { ComputedRef } from 'vue';
+export type BrandTheme = 'club-employes' | 'gifteo';
+export type ThemeMode = 'light' | 'dark';
+export declare function useTheme(): {
+    currentTheme: ComputedRef<ThemeConfig>;
+    currentBrand: ComputedRef<BrandTheme>;
+    currentMode: ComputedRef<ThemeMode>;
+    currentBrandName: ComputedRef<string>;
+    availableBrands: ComputedRef<Array<{
+        key: BrandTheme;
+        name: string;
+    }>>;
+    menuCollapsed: ComputedRef<boolean>;
+    isBrandLocked: ComputedRef<boolean>;
+    toggleBrand: () => void;
+    toggleMode: () => void;
+    setBrand: (brand: BrandTheme) => void;
+    setMode: (mode: ThemeMode) => void;
+    toggleMenuCollapsed: () => void;
+    setMenuCollapsed: (collapsed: boolean) => void;
+};

package/dist/icons-list.json

@@ -1,5 +1,5 @@
 {
-  "generated": "2025-11-23T10:40:07.839Z",
+  "generated": "2025-11-24T13:59:15.901Z",
   "count": 1238,
   "icons": [
     "Accessibility",