@wakastellar/ui 0.2.0 → 0.3.0

package/dist/charts.es.js

@@ -0,0 +1,16 @@
+import { C as e, D as r, c as C, a as t, W as h, b as k, f as W, d as i, e as n, h as A, s as T, g as l, u as m } from "./types-Bjy1Hy76.js";
+export {
+  e as CHART_SIZE_MAP,
+  r as DEFAULT_CHART_COLORS,
+  C as WakaAreaChart,
+  t as WakaBarChart,
+  h as WakaChart,
+  k as WakaLineChart,
+  W as WakaMiniChart,
+  i as WakaPieChart,
+  n as WakaSparkline,
+  A as createChartColumn,
+  T as sparklineTemplate,
+  l as useChartTheme,
+  m as useRechartsLoader
+};

package/dist/cn-CAc3sAGM.js

@@ -0,0 +1,21 @@
+import { clsx as l } from "clsx";
+import { twMerge as m } from "tailwind-merge";
+import { cva as f } from "class-variance-authority";
+function s(...t) {
+  return m(l(...t));
+}
+s.variants = function(t) {
+  const a = {
+    variants: t.variants ?? {},
+    defaultVariants: t.defaultVariants
+  }, r = f(t.base ?? "", a);
+  return (n) => {
+    const o = n ?? {}, { class: c, className: e, ...i } = o, u = r(i);
+    return s(u, c, e);
+  };
+};
+const w = (...t) => s(...t);
+export {
+  w as c,
+  s as t
+};

package/dist/cn-zrNBeCrC.js

@@ -0,0 +1 @@
+"use strict";const l=require("clsx"),v=require("tailwind-merge"),d=require("class-variance-authority");function s(...t){return v.twMerge(l.clsx(...t))}s.variants=function(t){const n={variants:t.variants??{},defaultVariants:t.defaultVariants},a=d.cva(t.base??"",n);return r=>{const e=r??{},{class:c,className:i,...u}=e,o=a(u);return s(o,c,i)}};const w=(...t)=>s(...t);exports.cn=w;exports.tweak=s;

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

@@ -63,6 +63,8 @@ interface DataTableBodyRowProps<TData extends Record<string, unknown>> {
 }
 /**
  * Ligne individuelle du body
+ * Optimisé avec React.memo pour éviter les re-renders inutiles
  */
-declare function DataTableBodyRow<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 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/DataTableHeader.d.ts

@@ -43,6 +43,8 @@ interface DataTableHeaderRowProps<TData> {
 }
 /**
  * Ligne d'en-tête individuelle
+ * Optimisé avec React.memo pour éviter les re-renders inutiles
  */
-declare function DataTableHeaderRow<TData>({ headerGroup, densityClasses, enableColumnResize, columnResizeMode, table, }: DataTableHeaderRowProps<TData>): import("react/jsx-runtime").JSX.Element;
+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/index.d.ts

@@ -57,3 +57,22 @@ export * from './waka-file-upload';
 export * from './waka-autocomplete';
 export * from './waka-rich-text-editor';
 export * from './waka-charts';
+export * from './waka-stepper';
+export * from './waka-breadcrumb';
+export * from './waka-modal';
+export * from './waka-tree';
+export * from './waka-pagination';
+export * from './waka-time-picker';
+export * from './waka-date-range-picker';
+export * from './waka-combobox';
+export * from './waka-drawer';
+export * from './waka-number-input';
+export * from './waka-image';
+export * from './waka-qrcode';
+export * from './waka-barcode';
+export * from './waka-video';
+export * from './waka-virtual-list';
+export * from './waka-segmented-control';
+export * from './waka-kanban';
+export * from './waka-timeline';
+export * from './waka-stat';

package/dist/components/language-selector/index.d.ts

@@ -1,6 +1,7 @@
 export interface Language {
     code: string;
     label: string;
+    shortLabel?: string;
     flag?: string;
     flagEmoji?: string;
 }
@@ -25,6 +26,22 @@ export interface LanguageSelectorProps {
     placeholder?: string;
     /** Texte pour le screen reader */
     ariaLabel?: string;
+    /** Titre pour le mode mobile fullscreen */
+    title?: string;
+    /** Label du bouton Continue pour le mode mobile */
+    continueLabel?: string;
+    /** Langues récemment utilisées (codes) */
+    recentLanguages?: string[];
+    /** Label pour la section "Récents" */
+    recentLabel?: string;
+    /** Label pour la section "Tous" */
+    allLabel?: string;
+    /** Placeholder de recherche */
+    searchPlaceholder?: string;
+    /** Breakpoint pour le mode mobile (en pixels) */
+    mobileBreakpoint?: number;
+    /** Désactiver le mode mobile fullscreen */
+    disableMobileFullscreen?: boolean;
 }
 /**
  * LanguageSelector
@@ -34,7 +51,8 @@ export interface LanguageSelectorProps {
  * Features:
  * - Drapeaux emoji ou images
  * - 3 variantes : default (select), compact (bouton), minimal (icon only)
+ * - Mode fullscreen automatique sur mobile
  * - Support du chargement asynchrone
  * - Intégration avec LanguageProvider pour S3
  */
-export declare function LanguageSelector({ languages, value, onChange, showFlags, showLabels, variant, isLoading, className, placeholder, ariaLabel, }: LanguageSelectorProps): import("react/jsx-runtime").JSX.Element;
+export declare function LanguageSelector({ languages, value, onChange, showFlags, showLabels, variant, isLoading, className, placeholder, ariaLabel, title, continueLabel, recentLanguages, recentLabel, allLabel, searchPlaceholder, mobileBreakpoint, disableMobileFullscreen, }: LanguageSelectorProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/waka-barcode/index.d.ts

@@ -0,0 +1,27 @@
+export type BarcodeFormat = "CODE128" | "CODE39" | "EAN13" | "EAN8" | "UPC" | "ITF14";
+export interface WakaBarcodeProps {
+    /** Valeur à encoder */
+    value: string;
+    /** Format du code-barres */
+    format?: BarcodeFormat;
+    /** Largeur en pixels */
+    width?: number;
+    /** Hauteur en pixels */
+    height?: number;
+    /** Afficher le texte sous le code */
+    displayValue?: boolean;
+    /** Couleur des barres */
+    lineColor?: string;
+    /** Couleur de fond */
+    background?: string;
+    /** Taille de la police */
+    fontSize?: number;
+    /** Marge en pixels */
+    margin?: number;
+    /** Afficher les actions */
+    showActions?: boolean;
+    /** Classes CSS additionnelles */
+    className?: string;
+}
+export declare function WakaBarcode({ value, format, width, height, displayValue, lineColor, background, fontSize, margin, showActions, className, }: WakaBarcodeProps): import("react/jsx-runtime").JSX.Element;
+export default WakaBarcode;

package/dist/components/waka-breadcrumb/index.d.ts

@@ -0,0 +1,43 @@
+import * as React from "react";
+export interface BreadcrumbItem {
+    /** Libellé de l'élément */
+    label: string;
+    /** URL de destination (optionnel pour le dernier élément) */
+    href?: string;
+    /** Icône personnalisée */
+    icon?: React.ReactNode;
+    /** Désactiver le lien */
+    disabled?: boolean;
+    /** Données additionnelles */
+    data?: Record<string, unknown>;
+}
+export interface WakaBreadcrumbProps {
+    /** Liste des éléments du fil d'Ariane */
+    items: BreadcrumbItem[];
+    /** Séparateur entre les éléments */
+    separator?: React.ReactNode;
+    /** Afficher l'icône Home pour le premier élément */
+    showHomeIcon?: boolean;
+    /** Nombre maximum d'éléments visibles (collapse les autres) */
+    maxItems?: number;
+    /** Fonction de rendu personnalisée pour les liens */
+    renderLink?: (item: BreadcrumbItem, children: React.ReactNode) => React.ReactNode;
+    /** Callback lors du clic sur un élément */
+    onItemClick?: (item: BreadcrumbItem, index: number) => void;
+    /** Taille */
+    size?: "sm" | "md" | "lg";
+    /** Variante visuelle */
+    variant?: "default" | "ghost" | "outline";
+    /** Classes CSS additionnelles */
+    className?: string;
+}
+export declare function WakaBreadcrumb({ items, separator, showHomeIcon, maxItems, renderLink, onItemClick, size, variant, className, }: WakaBreadcrumbProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Hook pour générer un fil d'Ariane à partir d'un chemin URL
+ */
+export declare function useBreadcrumbFromPath(pathname: string, options?: {
+    homeLabel?: string;
+    labelMap?: Record<string, string>;
+    excludePaths?: string[];
+}): BreadcrumbItem[];
+export default WakaBreadcrumb;

package/dist/components/waka-combobox/index.d.ts

@@ -0,0 +1,81 @@
+import * as React from "react";
+export interface ComboboxOption<T = string> {
+    /** Valeur unique de l'option */
+    value: T;
+    /** Libellé affiché */
+    label: string;
+    /** Description secondaire */
+    description?: string;
+    /** Icône */
+    icon?: React.ReactNode;
+    /** Désactiver l'option */
+    disabled?: boolean;
+    /** Groupe de l'option */
+    group?: string;
+}
+export interface WakaComboboxProps<T = string> {
+    /** Options disponibles */
+    options: ComboboxOption<T>[];
+    /** Valeur sélectionnée (single) ou valeurs (multiple) */
+    value?: T | T[];
+    /** Callback lors du changement */
+    onChange?: (value: T | T[] | undefined) => void;
+    /** Placeholder */
+    placeholder?: string;
+    /** Placeholder de recherche */
+    searchPlaceholder?: string;
+    /** Message si aucune option */
+    emptyMessage?: string;
+    /** Mode multiple */
+    multiple?: boolean;
+    /** Permettre la création de nouvelles options */
+    creatable?: boolean;
+    /** Callback lors de la création */
+    onCreate?: (inputValue: string) => ComboboxOption<T> | Promise<ComboboxOption<T>>;
+    /** Texte du bouton de création */
+    createLabel?: string;
+    /** Recherche asynchrone */
+    onSearch?: (query: string) => Promise<ComboboxOption<T>[]>;
+    /** Délai de debounce pour la recherche (ms) */
+    searchDebounce?: number;
+    /** Désactivé */
+    disabled?: boolean;
+    /** Erreur */
+    error?: boolean;
+    /** Chargement */
+    loading?: boolean;
+    /** Taille */
+    size?: "sm" | "md" | "lg";
+    /** Permettre de vider la sélection */
+    clearable?: boolean;
+    /** Nombre maximum de sélections (multiple) */
+    maxSelections?: number;
+    /** Classes CSS additionnelles */
+    className?: string;
+    /** ID pour l'accessibilité */
+    id?: string;
+    /** Nom du champ */
+    name?: string;
+}
+export declare function WakaCombobox<T = string>({ options: initialOptions, value, onChange, placeholder, searchPlaceholder, emptyMessage, multiple, creatable, onCreate, createLabel, onSearch, searchDebounce, disabled, error, loading: externalLoading, size, clearable, maxSelections, className, id, name, }: WakaComboboxProps<T>): import("react/jsx-runtime").JSX.Element;
+export interface UseComboboxOptions<T = string> {
+    /** Options initiales */
+    options?: ComboboxOption<T>[];
+    /** Valeur initiale */
+    initialValue?: T | T[];
+    /** Mode multiple */
+    multiple?: boolean;
+}
+export declare function useCombobox<T = string>(options?: UseComboboxOptions<T>): {
+    value: T | T[] | undefined;
+    onChange: React.Dispatch<React.SetStateAction<T | T[] | undefined>>;
+    options: ComboboxOption<T>[];
+    setOptions: React.Dispatch<React.SetStateAction<ComboboxOption<T>[]>>;
+    clear: () => void;
+    addOption: (option: ComboboxOption<T>) => void;
+    removeOption: (valueToRemove: T) => void;
+    selectAll: () => void;
+    selectNone: () => void;
+    multiple: boolean;
+};
+export default WakaCombobox;

package/dist/components/waka-date-range-picker/index.d.ts

@@ -0,0 +1,68 @@
+import { Locale } from 'date-fns';
+import { DateRange as RdpDateRange } from 'react-day-picker';
+import * as React from "react";
+export type { DateRange as WakaDateRange } from 'react-day-picker';
+export interface WakaDateRangePickerProps {
+    /** Plage de dates sélectionnée */
+    value?: RdpDateRange;
+    /** Callback lors du changement */
+    onChange?: (range: RdpDateRange | undefined) => void;
+    /** Placeholder */
+    placeholder?: string;
+    /** Format d'affichage */
+    dateFormat?: string;
+    /** Date minimum */
+    minDate?: Date;
+    /** Date maximum */
+    maxDate?: Date;
+    /** Désactivé */
+    disabled?: boolean;
+    /** Erreur */
+    error?: boolean;
+    /** Afficher les presets */
+    showPresets?: boolean;
+    /** Presets personnalisés */
+    presets?: DateRangePreset[];
+    /** Nombre de mois affichés */
+    numberOfMonths?: number;
+    /** Locale */
+    locale?: Locale;
+    /** Taille */
+    size?: "sm" | "md" | "lg";
+    /** Classes CSS additionnelles */
+    className?: string;
+    /** ID pour l'accessibilité */
+    id?: string;
+    /** Nom du champ */
+    name?: string;
+    /** Permettre de vider la sélection */
+    clearable?: boolean;
+}
+export interface DateRangePreset {
+    label: string;
+    getValue: () => RdpDateRange;
+}
+declare const defaultPresets: DateRangePreset[];
+export declare function WakaDateRangePicker({ value, onChange, placeholder, dateFormat, minDate, maxDate, disabled, error, showPresets, presets, numberOfMonths, locale, size, className, id, name, clearable, }: WakaDateRangePickerProps): import("react/jsx-runtime").JSX.Element;
+export interface UseDateRangePickerOptions {
+    /** Valeur initiale */
+    initialValue?: RdpDateRange;
+    /** Date minimum */
+    minDate?: Date;
+    /** Date maximum */
+    maxDate?: Date;
+}
+export declare function useDateRangePicker(options?: UseDateRangePickerOptions): {
+    value: RdpDateRange | undefined;
+    onChange: React.Dispatch<React.SetStateAction<RdpDateRange | undefined>>;
+    clear: () => void;
+    setToday: () => void;
+    setThisWeek: () => void;
+    setThisMonth: () => void;
+    isValidRange: () => boolean;
+    dayCount: number | null;
+    minDate: Date | undefined;
+    maxDate: Date | undefined;
+};
+export { defaultPresets };
+export default WakaDateRangePicker;

package/dist/components/waka-drawer/index.d.ts

@@ -0,0 +1,59 @@
+import * as React from "react";
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+export type DrawerPosition = "left" | "right" | "top" | "bottom";
+export type DrawerSize = "sm" | "md" | "lg" | "xl" | "full";
+export interface WakaDrawerProps {
+    /** État d'ouverture */
+    open: boolean;
+    /** Callback de fermeture */
+    onOpenChange: (open: boolean) => void;
+    /** Position du drawer */
+    position?: DrawerPosition;
+    /** Taille du drawer */
+    size?: DrawerSize;
+    /** Titre du drawer */
+    title?: string;
+    /** Description du drawer */
+    description?: string;
+    /** Afficher le bouton de fermeture */
+    showCloseButton?: boolean;
+    /** Fermer en cliquant sur l'overlay */
+    closeOnOverlayClick?: boolean;
+    /** Fermer avec la touche Escape */
+    closeOnEscape?: boolean;
+    /** Afficher l'overlay */
+    showOverlay?: boolean;
+    /** Contenu du drawer */
+    children?: React.ReactNode;
+    /** Footer avec actions */
+    footer?: React.ReactNode;
+    /** Classes CSS additionnelles */
+    className?: string;
+    /** Classes CSS pour le contenu */
+    contentClassName?: string;
+}
+export declare const DrawerHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+export declare const DrawerBody: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+export declare const DrawerFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+export declare const DrawerTitle: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+export declare const DrawerDescription: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+export declare function WakaDrawer({ open, onOpenChange, position, size, title, description, showCloseButton, closeOnOverlayClick, closeOnEscape, showOverlay, children, footer, className, contentClassName, }: WakaDrawerProps): import("react/jsx-runtime").JSX.Element;
+export interface UseDrawerOptions {
+    /** État initial */
+    defaultOpen?: boolean;
+    /** Callback lors de l'ouverture */
+    onOpen?: () => void;
+    /** Callback lors de la fermeture */
+    onClose?: () => void;
+}
+export interface UseDrawerReturn {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    openDrawer: () => void;
+    closeDrawer: () => void;
+    toggleDrawer: () => void;
+}
+export declare function useDrawer(options?: UseDrawerOptions): UseDrawerReturn;
+export declare const DrawerTrigger: React.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const DrawerClose: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
+export default WakaDrawer;

package/dist/components/waka-image/index.d.ts

@@ -0,0 +1,57 @@
+export interface WakaImageProps {
+    /** URL de l'image */
+    src: string;
+    /** Texte alternatif */
+    alt: string;
+    /** Largeur */
+    width?: number | string;
+    /** Hauteur */
+    height?: number | string;
+    /** Image placeholder (base64 ou URL) */
+    placeholder?: string;
+    /** Couleur de fond du placeholder */
+    placeholderColor?: string;
+    /** Activer le lazy loading */
+    lazy?: boolean;
+    /** Activer le zoom au clic */
+    zoomable?: boolean;
+    /** Niveau de zoom maximum */
+    maxZoom?: number;
+    /** Object fit */
+    objectFit?: "contain" | "cover" | "fill" | "none" | "scale-down";
+    /** Object position */
+    objectPosition?: string;
+    /** Arrondi des coins */
+    rounded?: "none" | "sm" | "md" | "lg" | "xl" | "full";
+    /** Afficher un indicateur de chargement */
+    showLoader?: boolean;
+    /** Callback quand l'image est chargée */
+    onLoad?: () => void;
+    /** Callback en cas d'erreur */
+    onError?: () => void;
+    /** Callback quand le zoom change */
+    onZoomChange?: (zoom: number) => void;
+    /** Classes CSS additionnelles */
+    className?: string;
+    /** Classes CSS pour le conteneur */
+    containerClassName?: string;
+}
+export declare function WakaImage({ src, alt, width, height, placeholder, placeholderColor, lazy, zoomable, maxZoom, objectFit, objectPosition, rounded, showLoader, onLoad, onError, onZoomChange, className, containerClassName, }: WakaImageProps): import("react/jsx-runtime").JSX.Element;
+export interface WakaImageGalleryProps {
+    /** Liste des images */
+    images: Array<{
+        src: string;
+        alt: string;
+        thumbnail?: string;
+    }>;
+    /** Nombre de colonnes */
+    columns?: number;
+    /** Gap entre les images */
+    gap?: number;
+    /** Aspect ratio des images */
+    aspectRatio?: string;
+    /** Classes CSS additionnelles */
+    className?: string;
+}
+export declare function WakaImageGallery({ images, columns, gap, aspectRatio, className, }: WakaImageGalleryProps): import("react/jsx-runtime").JSX.Element;
+export default WakaImage;

package/dist/components/waka-kanban/index.d.ts

@@ -0,0 +1,68 @@
+import * as React from "react";
+export interface KanbanCard {
+    id: string;
+    title: string;
+    description?: string;
+    labels?: Array<{
+        id: string;
+        name: string;
+        color: string;
+    }>;
+    assignee?: {
+        id: string;
+        name: string;
+        avatar?: string;
+    };
+    priority?: "low" | "medium" | "high" | "urgent";
+    dueDate?: Date;
+    data?: Record<string, unknown>;
+}
+export interface KanbanColumn {
+    id: string;
+    title: string;
+    cards: KanbanCard[];
+    color?: string;
+    limit?: number;
+}
+export interface WakaKanbanProps {
+    /** Colonnes du kanban */
+    columns: KanbanColumn[];
+    /** Callback lors du déplacement d'une carte */
+    onCardMove?: (cardId: string, fromColumnId: string, toColumnId: string, newIndex: number) => void;
+    /** Callback lors du déplacement d'une colonne */
+    onColumnMove?: (columnId: string, newIndex: number) => void;
+    /** Callback lors de l'ajout d'une carte */
+    onCardAdd?: (columnId: string, card: Partial<KanbanCard>) => void;
+    /** Callback lors de la suppression d'une carte */
+    onCardDelete?: (cardId: string, columnId: string) => void;
+    /** Callback lors du clic sur une carte */
+    onCardClick?: (card: KanbanCard, columnId: string) => void;
+    /** Callback lors de l'ajout d'une colonne */
+    onColumnAdd?: (column: Partial<KanbanColumn>) => void;
+    /** Callback lors de la suppression d'une colonne */
+    onColumnDelete?: (columnId: string) => void;
+    /** Permettre l'ajout de cartes */
+    allowAddCard?: boolean;
+    /** Permettre l'ajout de colonnes */
+    allowAddColumn?: boolean;
+    /** Permettre le déplacement des colonnes */
+    allowColumnDrag?: boolean;
+    /** Fonction de rendu personnalisée pour les cartes */
+    renderCard?: (card: KanbanCard, columnId: string) => React.ReactNode;
+    /** Hauteur du kanban */
+    height?: number | string;
+    /** Classes CSS additionnelles */
+    className?: string;
+}
+export declare function WakaKanban({ columns, onCardMove, onColumnMove, onCardAdd, onCardDelete, onCardClick, onColumnAdd, onColumnDelete, allowAddCard, allowAddColumn, allowColumnDrag, renderCard, height, className, }: WakaKanbanProps): import("react/jsx-runtime").JSX.Element;
+export declare function useKanban(initialColumns: KanbanColumn[]): {
+    columns: KanbanColumn[];
+    setColumns: React.Dispatch<React.SetStateAction<KanbanColumn[]>>;
+    moveCard: (cardId: string, fromColumnId: string, toColumnId: string, newIndex: number) => void;
+    moveColumn: (columnId: string, newIndex: number) => void;
+    addCard: (columnId: string, card: Partial<KanbanCard>) => void;
+    deleteCard: (cardId: string, columnId: string) => void;
+    addColumn: (column: Partial<KanbanColumn>) => void;
+    deleteColumn: (columnId: string) => void;
+};
+export default WakaKanban;

package/dist/components/waka-modal/index.d.ts

@@ -0,0 +1,82 @@
+import * as React from "react";
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+export type ModalSize = "sm" | "md" | "lg" | "xl" | "full";
+export interface WakaModalProps {
+    /** État d'ouverture */
+    open: boolean;
+    /** Callback de fermeture */
+    onOpenChange: (open: boolean) => void;
+    /** Titre du modal */
+    title?: string;
+    /** Description du modal */
+    description?: string;
+    /** Contenu du modal */
+    children: React.ReactNode;
+    /** Taille du modal */
+    size?: ModalSize;
+    /** Afficher le bouton de fermeture */
+    showCloseButton?: boolean;
+    /** Fermer en cliquant sur l'overlay */
+    closeOnOverlayClick?: boolean;
+    /** Fermer avec la touche Escape */
+    closeOnEscape?: boolean;
+    /** Animation d'entrée/sortie */
+    animation?: "fade" | "slide" | "scale" | "none";
+    /** Centré verticalement */
+    centered?: boolean;
+    /** Sticky header */
+    stickyHeader?: boolean;
+    /** Sticky footer (pour les actions) */
+    stickyFooter?: boolean;
+    /** Footer avec actions */
+    footer?: React.ReactNode;
+    /** Classes CSS additionnelles pour le contenu */
+    className?: string;
+    /** Classes CSS pour l'overlay */
+    overlayClassName?: string;
+}
+declare const ModalOverlay: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    animation?: "fade" | "slide" | "scale" | "none";
+} & React.RefAttributes<HTMLDivElement>>;
+declare const ModalContent: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    size?: ModalSize;
+    animation?: "fade" | "slide" | "scale" | "none";
+    centered?: boolean;
+    showCloseButton?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+interface ModalHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
+    sticky?: boolean;
+}
+declare const ModalHeader: React.ForwardRefExoticComponent<ModalHeaderProps & React.RefAttributes<HTMLDivElement>>;
+declare const ModalTitle: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+declare const ModalDescription: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+declare const ModalBody: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+interface ModalFooterProps extends React.HTMLAttributes<HTMLDivElement> {
+    sticky?: boolean;
+}
+declare const ModalFooter: React.ForwardRefExoticComponent<ModalFooterProps & React.RefAttributes<HTMLDivElement>>;
+export declare function WakaModal({ open, onOpenChange, title, description, children, size, showCloseButton, closeOnOverlayClick, closeOnEscape, animation, centered, stickyHeader, stickyFooter, footer, className, overlayClassName, }: WakaModalProps): import("react/jsx-runtime").JSX.Element;
+export interface WakaModalTriggerProps {
+    /** Contenu du trigger */
+    children: React.ReactNode;
+    /** Callback d'ouverture */
+    onOpen?: () => void;
+    /** Classes CSS additionnelles */
+    className?: string;
+    /** Désactiver le trigger */
+    disabled?: boolean;
+}
+export declare function WakaModalTrigger({ children, onOpen, className, disabled, }: WakaModalTriggerProps): import("react/jsx-runtime").JSX.Element;
+export interface UseModalOptions {
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+}
+export declare function useModal(options?: UseModalOptions): {
+    isOpen: boolean;
+    open: () => void;
+    close: () => void;
+    toggle: () => void;
+    onOpenChange: (open: boolean) => void;
+};
+export { ModalOverlay, ModalContent, ModalHeader, ModalTitle, ModalDescription, ModalBody, ModalFooter, };
+export default WakaModal;