@wakastellar/ui 1.0.2 → 1.0.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wakastellar/ui",
-  "version": "1.0.2",
+  "version": "1.0.4",
   "description": "UI Library compatible TweakCN + i18n pour Next.js",
   "keywords": [
     "ui",
@@ -77,7 +77,33 @@
     "react-hook-form": "^7.0.0",
     "xlsx": "*",
     "jspdf": "*",
-    "jspdf-autotable": "*"
+    "jspdf-autotable": "*",
+    "recharts": "^2.0.0",
+    "@tiptap/react": "^2.0.0 || ^3.0.0",
+    "@tiptap/starter-kit": "^2.0.0 || ^3.0.0",
+    "@tiptap/extension-link": "^2.0.0 || ^3.0.0",
+    "@tiptap/extension-text-align": "^2.0.0 || ^3.0.0",
+    "@tiptap/extension-underline": "^2.0.0 || ^3.0.0"
+  },
+  "peerDependenciesMeta": {
+    "recharts": {
+      "optional": true
+    },
+    "@tiptap/react": {
+      "optional": true
+    },
+    "@tiptap/starter-kit": {
+      "optional": true
+    },
+    "@tiptap/extension-link": {
+      "optional": true
+    },
+    "@tiptap/extension-text-align": {
+      "optional": true
+    },
+    "@tiptap/extension-underline": {
+      "optional": true
+    }
   },
   "devDependencies": {
     "@chromatic-com/storybook": "^4.1.1",

package/dist/blocks/theme-creator-block/index.d.ts

@@ -1,86 +0,0 @@
-import * as React from "react";
-export interface ThemeBlockColors {
-    background: string;
-    foreground: string;
-    card: string;
-    cardForeground: string;
-    popover: string;
-    popoverForeground: string;
-    primary: string;
-    primaryForeground: string;
-    secondary: string;
-    secondaryForeground: string;
-    muted: string;
-    mutedForeground: string;
-    accent: string;
-    accentForeground: string;
-    destructive: string;
-    destructiveForeground: string;
-    border: string;
-    input: string;
-    ring: string;
-    chart1: string;
-    chart2: string;
-    chart3: string;
-    chart4: string;
-    chart5: string;
-    sidebarBackground?: string;
-    sidebarForeground?: string;
-    sidebarPrimary?: string;
-    sidebarPrimaryForeground?: string;
-    sidebarAccent?: string;
-    sidebarAccentForeground?: string;
-    sidebarBorder?: string;
-    sidebarRing?: string;
-}
-export interface ThemeBlockAssets {
-    logoLight?: string;
-    logoDark?: string;
-    backgroundLight?: string;
-    backgroundDark?: string;
-    favicon?: string;
-    sponsorLight?: string;
-    sponsorDark?: string;
-}
-export interface ThemeCreatorBlockTheme {
-    id: string;
-    name: string;
-    description?: string;
-    author?: string;
-    lightColors: ThemeBlockColors;
-    darkColors: ThemeBlockColors;
-    assets?: ThemeBlockAssets;
-    radius?: string;
-    fonts?: {
-        sans?: string;
-        mono?: string;
-    };
-}
-export interface ThemeColorGroup {
-    id: string;
-    label: string;
-    icon?: React.ReactNode;
-    colors: {
-        key: keyof ThemeBlockColors;
-        label: string;
-        description?: string;
-    }[];
-}
-export interface WakaThemeCreatorBlockProps {
-    themes?: ThemeCreatorBlockTheme[];
-    initialTheme?: ThemeCreatorBlockTheme;
-    onThemeChange?: (theme: ThemeCreatorBlockTheme) => void;
-    onSave?: (theme: ThemeCreatorBlockTheme) => Promise<void>;
-    onUploadAsset?: (file: File, assetType: keyof ThemeBlockAssets) => Promise<string>;
-    onExport?: (theme: ThemeCreatorBlockTheme, format: 'json' | 'css') => void;
-    showTypography?: boolean;
-    showSidebarColors?: boolean;
-    previewTabs?: ('login' | 'dashboard' | 'chat')[];
-    customPreview?: React.ReactNode;
-    className?: string;
-}
-export declare const defaultThemes: ThemeCreatorBlockTheme[];
-export declare function WakaThemeCreatorBlock({ themes, initialTheme, onThemeChange, onSave, onUploadAsset, showSidebarColors, previewTabs, className, }: WakaThemeCreatorBlockProps): import("react/jsx-runtime").JSX.Element;
-export declare namespace WakaThemeCreatorBlock {
-    var displayName: string;
-}

package/dist/components/DataTable/DataTableBody.d.ts

@@ -1,70 +0,0 @@
-import { Table, Row } from '@tanstack/react-table';
-import { ColumnEditConfig, EditableCellValue, RowExpansionConfig } from './types';
-/**
- * Props pour le composant DataTableBody
- */
-export interface DataTableBodyProps<TData extends Record<string, unknown>> {
-    /** Instance de la table TanStack */
-    table: Table<TData>;
-    /** Configuration d'expansion des lignes */
-    rowExpansion?: RowExpansionConfig<TData>;
-    /** Classes CSS pour la densité */
-    densityClasses?: {
-        header?: string;
-        table?: string;
-        cell?: string;
-    };
-    /** Callback de clic sur ligne */
-    onRowClick?: (row: TData) => void;
-    /** Callback de double-clic */
-    onRowDoubleClick?: (row: TData) => void;
-    /** ID de la ligne en cours d'édition */
-    editingRowId?: string | null;
-    /** Configuration d'édition des colonnes */
-    editableColumns?: ColumnEditConfig<TData>[];
-    /** Callback pour mettre à jour un champ */
-    onUpdateField?: (field: keyof TData, value: EditableCellValue) => void;
-    /** Callback pour démarrer l'édition */
-    onStartEdit?: (rowId: string, originalData: TData) => void;
-    /** Callback pour sauvegarder */
-    onSaveEdit?: () => void;
-    /** Callback pour annuler */
-    onCancelEdit?: () => void;
-}
-/**
- * Composant Body réutilisable pour DataTable
- *
- * Gère :
- * - Le rendu des lignes
- * - L'expansion des lignes
- * - Le groupement
- * - L'édition inline
- */
-export declare function DataTableBody<TData extends Record<string, unknown>>({ table, rowExpansion, densityClasses, onRowClick, onRowDoubleClick, editingRowId, editableColumns, onUpdateField, onStartEdit, onSaveEdit, onCancelEdit, }: DataTableBodyProps<TData>): import("react/jsx-runtime").JSX.Element;
-/**
- * Props pour DataTableBodyRow
- */
-interface DataTableBodyRowProps<TData extends Record<string, unknown>> {
-    row: Row<TData>;
-    rowExpansion?: RowExpansionConfig<TData>;
-    densityClasses: {
-        header?: string;
-        table?: string;
-        cell?: string;
-    };
-    onRowClick?: (row: TData) => void;
-    onRowDoubleClick?: (row: TData) => void;
-    editingRowId?: string | null;
-    editableColumns?: ColumnEditConfig<TData>[];
-    onUpdateField?: (field: keyof TData, value: EditableCellValue) => void;
-    onStartEdit?: (rowId: string, originalData: TData) => void;
-    onSaveEdit?: () => void;
-    onCancelEdit?: () => void;
-}
-/**
- * Ligne individuelle du body
- * Optimisé avec React.memo pour éviter les re-renders inutiles
- */
-declare function DataTableBodyRowInner<TData extends Record<string, unknown>>({ row, rowExpansion, densityClasses, onRowClick, onRowDoubleClick, editingRowId, editableColumns, onUpdateField, onStartEdit, onSaveEdit, onCancelEdit, }: DataTableBodyRowProps<TData>): import("react/jsx-runtime").JSX.Element;
-declare const DataTableBodyRow: typeof DataTableBodyRowInner;
-export { DataTableBodyRow };

package/dist/components/DataTable/DataTableCell.d.ts

@@ -1,38 +0,0 @@
-import { Cell, Row } from '@tanstack/react-table';
-import { ColumnEditConfig, EditableCellValue } from './types';
-/**
- * Props pour le composant DataTableCell
- */
-export interface DataTableCellProps<TData extends Record<string, unknown>> {
-    /** Cellule TanStack Table */
-    cell: Cell<TData, unknown>;
-    /** Ligne parente */
-    row: Row<TData>;
-    /** ID de la ligne en cours d'édition */
-    editingRowId?: string | null;
-    /** Configuration d'édition des colonnes */
-    editableColumns?: ColumnEditConfig<TData>[];
-    /** Callback pour mettre à jour un champ */
-    onUpdateField?: (field: keyof TData, value: EditableCellValue) => void;
-    /** Callback pour démarrer l'édition */
-    onStartEdit?: (rowId: string, originalData: TData) => void;
-    /** Callback pour sauvegarder */
-    onSaveEdit?: () => void;
-    /** Callback pour annuler */
-    onCancelEdit?: () => void;
-}
-/**
- * Composant de cellule réutilisable pour DataTable
- *
- * Gère tous les types de cellules :
- * - Cellules normales
- * - Cellules éditables
- * - Cellules groupées
- * - Cellules agrégées
- * - Cellules placeholder
- *
- * Optimisé avec React.memo pour éviter les re-renders inutiles
- */
-declare function DataTableCellInner<TData extends Record<string, unknown>>({ cell, row, editingRowId, editableColumns, onUpdateField, onStartEdit, onSaveEdit, onCancelEdit, }: DataTableCellProps<TData>): import("react/jsx-runtime").JSX.Element | null;
-export declare const DataTableCell: typeof DataTableCellInner;
-export {};

package/dist/components/DataTable/DataTableConflictResolver.d.ts

@@ -1,45 +0,0 @@
-import { ConflictEntry } from './services/IndexedDBService';
-/**
- * DataTableConflictResolver - Interface de résolution des conflits
- */
-import * as React from "react";
-export interface DataTableConflictResolverProps<TData> {
-    /** Liste des conflits */
-    conflicts: ConflictEntry<TData>[];
-    /** Callback de résolution */
-    onResolve: (conflictId: string, resolution: "local" | "server" | "merge", mergedData?: Partial<TData>) => Promise<void>;
-    /** Ouvert */
-    open?: boolean;
-    /** Callback de fermeture */
-    onOpenChange?: (open: boolean) => void;
-    /** Afficher en mode sheet (sidebar) ou dialog */
-    mode?: "dialog" | "sheet";
-    /** Labels personnalisés */
-    labels?: {
-        title?: string;
-        description?: string;
-        localVersion?: string;
-        serverVersion?: string;
-        keepLocal?: string;
-        keepServer?: string;
-        merge?: string;
-        resolve?: string;
-        skip?: string;
-        noConflicts?: string;
-        conflictType?: Record<"create" | "update" | "delete", string>;
-    };
-    /** Fonction de rendu personnalisé pour les données */
-    renderData?: (data: Partial<TData> | null, type: "local" | "server") => React.ReactNode;
-    /** Clés à afficher dans la comparaison */
-    displayKeys?: (keyof TData)[];
-    /** Labels des clés */
-    keyLabels?: Record<string, string>;
-}
-/**
- * Interface de résolution des conflits de synchronisation
- */
-export declare function DataTableConflictResolver<TData extends Record<string, unknown>>({ conflicts, onResolve, open, onOpenChange, mode, labels: customLabels, renderData, displayKeys, keyLabels, }: DataTableConflictResolverProps<TData>): import("react/jsx-runtime").JSX.Element;
-export declare namespace DataTableConflictResolver {
-    var displayName: string;
-}
-export default DataTableConflictResolver;

package/dist/components/DataTable/DataTableFilterBuilder.d.ts

@@ -1,14 +0,0 @@
-import { FilterOperator, FilterableColumn, AdvancedFiltersState, AdvancedFiltersActions } from './types';
-interface DataTableFilterBuilderProps<TData> {
-    state: AdvancedFiltersState<TData>;
-    actions: AdvancedFiltersActions<TData>;
-    columns: FilterableColumn<TData>[];
-    getOperatorsForColumn: (column: keyof TData | string) => FilterOperator[];
-    className?: string;
-    maxNestingDepth?: number;
-}
-/**
- * Composant de construction de filtres avancés
- */
-export declare function DataTableFilterBuilder<TData>({ state, actions, columns, getOperatorsForColumn, className, maxNestingDepth, }: DataTableFilterBuilderProps<TData>): import("react/jsx-runtime").JSX.Element;
-export default DataTableFilterBuilder;

package/dist/components/DataTable/DataTableHeader.d.ts

@@ -1,50 +0,0 @@
-import { Table, HeaderGroup } from '@tanstack/react-table';
-/**
- * Props pour le composant DataTableHeader
- */
-export interface DataTableHeaderProps<TData> {
-    /** Instance de la table TanStack */
-    table: Table<TData>;
-    /** Header sticky */
-    headerSticky?: boolean;
-    /** Classes CSS pour la densité */
-    densityClasses?: {
-        header?: string;
-        table?: string;
-        cell?: string;
-    };
-    /** Activer le redimensionnement des colonnes */
-    enableColumnResize?: boolean;
-    /** Mode de redimensionnement */
-    columnResizeMode?: "onChange" | "onEnd";
-}
-/**
- * Composant Header réutilisable pour DataTable
- *
- * Gère :
- * - Le tri des colonnes
- * - Le redimensionnement
- * - Le sticky header
- */
-export declare function DataTableHeader<TData>({ table, headerSticky, densityClasses, enableColumnResize, columnResizeMode, }: DataTableHeaderProps<TData>): import("react/jsx-runtime").JSX.Element;
-/**
- * Props pour DataTableHeaderRow
- */
-interface DataTableHeaderRowProps<TData> {
-    headerGroup: HeaderGroup<TData>;
-    densityClasses: {
-        header?: string;
-        table?: string;
-        cell?: string;
-    };
-    enableColumnResize: boolean;
-    columnResizeMode: "onChange" | "onEnd";
-    table: Table<TData>;
-}
-/**
- * Ligne d'en-tête individuelle
- * Optimisé avec React.memo pour éviter les re-renders inutiles
- */
-declare function DataTableHeaderRowInner<TData>({ headerGroup, densityClasses, enableColumnResize, columnResizeMode, table, }: DataTableHeaderRowProps<TData>): import("react/jsx-runtime").JSX.Element;
-declare const DataTableHeaderRow: typeof DataTableHeaderRowInner;
-export { DataTableHeaderRow };

package/dist/components/DataTable/DataTableSyncStatus.d.ts

@@ -1,31 +0,0 @@
-import { OfflineState } from './hooks/useDataTableOffline';
-export interface DataTableSyncStatusProps<TData> {
-    /** État offline */
-    state: OfflineState<TData>;
-    /** Callback de synchronisation */
-    onSync?: () => void;
-    /** Afficher les détails */
-    showDetails?: boolean;
-    /** Classes CSS additionnelles */
-    className?: string;
-    /** Variante d'affichage */
-    variant?: "default" | "compact" | "badge";
-    /** Labels personnalisés */
-    labels?: {
-        online?: string;
-        offline?: string;
-        syncing?: string;
-        pending?: string;
-        conflicts?: string;
-        sync?: string;
-        lastSync?: string;
-    };
-}
-/**
- * Indicateur de statut de synchronisation pour le mode offline
- */
-export declare function DataTableSyncStatus<TData>({ state, onSync, showDetails, className, variant, labels: customLabels, }: DataTableSyncStatusProps<TData>): import("react/jsx-runtime").JSX.Element | null;
-export declare namespace DataTableSyncStatus {
-    var displayName: string;
-}
-export default DataTableSyncStatus;

package/dist/components/DataTable/formatters/index.d.ts

@@ -1,127 +0,0 @@
-/**
- * Formatters utilitaires pour le DataTable
- * @module formatters
- */
-/**
- * Formate une date
- * @param value - Valeur à formater (Date, string ISO, timestamp)
- * @param formatStr - Format de sortie (default: 'PP' = 16 déc. 2025)
- * @param locale - Locale (default: 'fr')
- * @returns Date formatée ou chaîne vide
- * @example formatters.date(new Date(), 'PP', 'fr') // "16 déc. 2025"
- */
-export declare function date(value: unknown, formatStr?: string, locale?: string): string;
-/**
- * Formate une date avec heure
- * @param value - Valeur à formater
- * @param formatStr - Format de sortie (default: 'PPpp')
- * @param locale - Locale
- * @returns Date/heure formatée
- * @example formatters.datetime(new Date()) // "16 déc. 2025, 14:30"
- */
-export declare function datetime(value: unknown, formatStr?: string, locale?: string): string;
-/**
- * Formate une heure
- * @param value - Valeur à formater
- * @param formatStr - Format de sortie (default: 'HH:mm')
- * @param locale - Locale
- * @returns Heure formatée
- * @example formatters.time(new Date()) // "14:30"
- */
-export declare function time(value: unknown, formatStr?: string, locale?: string): string;
-/**
- * Formate une valeur monétaire
- * @param value - Valeur numérique
- * @param currencyCode - Code devise (default: 'EUR')
- * @param locale - Locale (default: 'fr-FR')
- * @param options - Options Intl.NumberFormat additionnelles
- * @returns Valeur formatée
- * @example formatters.currency(1234.56, 'EUR', 'fr-FR') // "1 234,56 €"
- */
-export declare function currency(value: unknown, currencyCode?: string, locale?: string, options?: Partial<Intl.NumberFormatOptions>): string;
-/**
- * Formate un pourcentage
- * @param value - Valeur (0-100 ou 0-1)
- * @param decimals - Nombre de décimales (default: 0)
- * @param isDecimal - Si true, value est entre 0 et 1
- * @returns Pourcentage formaté
- * @example formatters.percentage(42.5) // "42.5%"
- * @example formatters.percentage(0.425, 1, true) // "42.5%"
- */
-export declare function percentage(value: unknown, decimals?: number, isDecimal?: boolean): string;
-/**
- * Formate un nombre
- * @param value - Valeur numérique
- * @param locale - Locale (default: 'fr-FR')
- * @param options - Options Intl.NumberFormat
- * @returns Nombre formaté
- * @example formatters.number(1234567.89, 'fr-FR') // "1 234 567,89"
- */
-export declare function number(value: unknown, locale?: string, options?: Intl.NumberFormatOptions): string;
-/**
- * Formate un numéro de téléphone
- * @param value - Numéro de téléphone
- * @param countryCode - Code pays (default: 'FR')
- * @returns Numéro formaté
- * @example formatters.phone('+33612345678') // "+33 6 12 34 56 78"
- * @example formatters.phone('0612345678', 'FR') // "06 12 34 56 78"
- */
-export declare function phone(value: unknown, countryCode?: string): string;
-/**
- * Formate une taille en bytes
- * @param value - Taille en bytes
- * @param decimals - Nombre de décimales (default: 2)
- * @returns Taille formatée (KB, MB, GB, etc.)
- * @example formatters.bytes(1048576) // "1 MB"
- * @example formatters.bytes(1536, 1) // "1.5 KB"
- */
-export declare function bytes(value: unknown, decimals?: number): string;
-/**
- * Formate un texte tronqué
- * @param value - Texte
- * @param maxLength - Longueur max (default: 50)
- * @param suffix - Suffixe de troncature (default: '...')
- * @returns Texte tronqué
- */
-export declare function truncate(value: unknown, maxLength?: number, suffix?: string): string;
-/**
- * Récupère les initiales d'un nom
- * @param value - Nom complet
- * @param maxInitials - Nombre max d'initiales (default: 2)
- * @returns Initiales
- * @example formatters.initials("Jean Dupont") // "JD"
- */
-export declare function initials(value: unknown, maxInitials?: number): string;
-/**
- * Formate un booléen
- * @param value - Valeur booléenne
- * @param trueLabel - Label pour true (default: 'Oui')
- * @param falseLabel - Label pour false (default: 'Non')
- * @returns Label correspondant
- */
-export declare function boolean(value: unknown, trueLabel?: string, falseLabel?: string): string;
-/**
- * Formate du JSON
- * @param value - Valeur à sérialiser
- * @param indent - Indentation (default: 2)
- * @returns JSON formaté
- */
-export declare function json(value: unknown, indent?: number): string;
-/**
- * Objet contenant tous les formatters
- */
-export declare const formatters: {
-    date: typeof date;
-    datetime: typeof datetime;
-    time: typeof time;
-    currency: typeof currency;
-    percentage: typeof percentage;
-    number: typeof number;
-    phone: typeof phone;
-    bytes: typeof bytes;
-    truncate: typeof truncate;
-    initials: typeof initials;
-    boolean: typeof boolean;
-    json: typeof json;
-};
-export default formatters;

package/dist/components/DataTable/hooks/useDataTableAdvancedFilters.d.ts

@@ -1,18 +0,0 @@
-import { FilterOperator, FilterColumnType, AdvancedFiltersConfig, AdvancedFiltersResult } from '../types';
-/**
- * Opérateurs par type de colonne
- */
-declare const OPERATORS_BY_TYPE: Record<FilterColumnType, FilterOperator[]>;
-/**
- * Labels des opérateurs pour l'affichage
- */
-export declare const OPERATOR_LABELS: Record<FilterOperator, string>;
-/**
- * Hook pour gérer les filtres avancés du DataTable
- */
-export declare function useDataTableAdvancedFilters<TData extends Record<string, unknown>>({ data, config, }: {
-    data: TData[];
-    config: AdvancedFiltersConfig<TData>;
-}): AdvancedFiltersResult<TData>;
-export { OPERATORS_BY_TYPE };
-export default useDataTableAdvancedFilters;

package/dist/components/DataTable/hooks/useDataTableColumnTemplates.d.ts

@@ -1,28 +0,0 @@
-import { ColumnTemplatesConfig, ColumnTemplatesResult } from '../types';
-/**
- * Hook pour créer des colonnes DataTable à partir de templates prédéfinis
- *
- * @template TData - Type des données de la table
- * @param config - Configuration des templates (locale, currency, etc.)
- * @returns Fonctions pour créer des colonnes et accéder aux formatters
- *
- * @example
- * ```tsx
- * const { createColumns, getFormatter } = useDataTableColumnTemplates({
- *   locale: 'fr-FR',
- *   currency: 'EUR',
- * })
- *
- * const columns = createColumns<User>([
- *   { accessorKey: 'email', template: 'email' },
- *   { accessorKey: 'salary', template: 'currency' },
- *   { accessorKey: 'status', template: 'status', options: {
- *     templateOptions: {
- *       statusColors: { active: 'bg-green-100 text-green-800' }
- *     }
- *   }},
- * ])
- * ```
- */
-export declare function useDataTableColumnTemplates<TData extends Record<string, unknown>>(config?: ColumnTemplatesConfig): ColumnTemplatesResult<TData>;
-export default useDataTableColumnTemplates;

package/dist/components/DataTable/hooks/useDataTableOffline.d.ts

@@ -1,80 +0,0 @@
-import { SyncQueueItem, ConflictEntry } from '../services/IndexedDBService';
-export type ConflictResolution = "client-wins" | "server-wins" | "latest-wins" | "manual";
-export interface SyncResult<TData> {
-    id: string;
-    success: boolean;
-    data?: Partial<TData>;
-    error?: string;
-    serverData?: Partial<TData>;
-    serverTimestamp?: Date;
-}
-export interface OfflineConfig<TData> {
-    /** ID unique de la table pour le stockage */
-    tableId: string;
-    /** Activer le mode offline */
-    enabled?: boolean;
-    /** Stratégie de résolution des conflits */
-    conflictResolution?: ConflictResolution;
-    /** Callback de synchronisation vers le serveur */
-    onSync?: (changes: SyncQueueItem<TData>[]) => Promise<SyncResult<TData>[]>;
-    /** Intervalle de synchronisation automatique (ms) */
-    autoSyncInterval?: number;
-    /** Taille max du cache (nombre d'entrées) */
-    maxCacheSize?: number;
-    /** Durée d'expiration du cache (ms) */
-    cacheExpiration?: number;
-    /** Callback quand le statut online change */
-    onOnlineStatusChange?: (isOnline: boolean) => void;
-    /** Callback après synchronisation */
-    onSyncComplete?: (results: SyncResult<TData>[]) => void;
-    /** Callback sur conflit */
-    onConflict?: (conflict: ConflictEntry<TData>) => void;
-}
-export interface OfflineState<TData> {
-    /** Connexion internet disponible */
-    isOnline: boolean;
-    /** Synchronisation en cours */
-    isSyncing: boolean;
-    /** Nombre de changements en attente */
-    pendingChangesCount: number;
-    /** Données en cache */
-    cachedData: TData[] | null;
-    /** Timestamp du dernier cache */
-    lastCacheUpdate: Date | null;
-    /** Conflits à résoudre */
-    conflicts: ConflictEntry<TData>[];
-    /** Erreur de synchronisation */
-    syncError: string | null;
-    /** Dernière synchronisation réussie */
-    lastSyncTime: Date | null;
-    /** IndexedDB disponible */
-    isAvailable: boolean;
-}
-export interface OfflineActions<TData> {
-    /** Cache les données */
-    cacheData: (data: TData[]) => Promise<void>;
-    /** Ajoute un changement à la queue */
-    queueChange: (change: {
-        rowId: string;
-        type: SyncQueueItem<TData>["type"];
-        data: Partial<TData> | null;
-    }) => Promise<void>;
-    /** Lance la synchronisation */
-    sync: () => Promise<void>;
-    /** Résout un conflit */
-    resolveConflict: (conflictId: string, resolution: "local" | "server" | "merge", mergedData?: Partial<TData>) => Promise<void>;
-    /** Récupère les données du cache */
-    loadFromCache: () => Promise<TData[] | null>;
-    /** Vide le cache */
-    clearCache: () => Promise<void>;
-    /** Vide la queue de synchronisation */
-    clearQueue: () => Promise<void>;
-    /** Force le rafraîchissement de l'état */
-    refresh: () => Promise<void>;
-}
-export type UseDataTableOfflineResult<TData> = [OfflineState<TData>, OfflineActions<TData>];
-/**
- * Hook pour gérer le mode offline du DataTable
- */
-export declare function useDataTableOffline<TData extends Record<string, unknown>>(config: OfflineConfig<TData>): UseDataTableOfflineResult<TData>;
-export default useDataTableOffline;