@wakastellar/ui 3.5.0 → 4.0.0-dev.0

package/dist/components/waka-virtual-list/index.d.ts

@@ -0,0 +1,54 @@
+import * as React from "react";
+export interface WakaVirtualListProps<T> {
+    /** Données à afficher */
+    items: T[];
+    /** Hauteur de chaque élément (ou fonction pour hauteur variable) */
+    itemHeight: number | ((item: T, index: number) => number);
+    /** Hauteur du conteneur */
+    height: number;
+    /** Largeur du conteneur */
+    width?: number | string;
+    /** Nombre d'éléments à pré-rendre au-dessus/en-dessous */
+    overscan?: number;
+    /** Fonction de rendu d'un élément */
+    renderItem: (item: T, index: number, style: React.CSSProperties) => React.ReactNode;
+    /** Callback lors du scroll */
+    onScroll?: (scrollTop: number) => void;
+    /** Callback quand on atteint la fin */
+    onEndReached?: () => void;
+    /** Seuil pour déclencher onEndReached (en pixels) */
+    endReachedThreshold?: number;
+    /** Afficher un indicateur de chargement à la fin */
+    isLoading?: boolean;
+    /** Élément à afficher pendant le chargement */
+    loadingElement?: React.ReactNode;
+    /** Élément à afficher si la liste est vide */
+    emptyElement?: React.ReactNode;
+    /** Classes CSS additionnelles */
+    className?: string;
+    /** Classes CSS pour le conteneur interne */
+    innerClassName?: string;
+    /** Référence au conteneur de scroll */
+    scrollRef?: React.RefObject<HTMLDivElement>;
+}
+export declare function WakaVirtualList<T>({ items, itemHeight, height, width, overscan, renderItem, onScroll, onEndReached, endReachedThreshold, isLoading, loadingElement, emptyElement, className, innerClassName, scrollRef: externalScrollRef, }: WakaVirtualListProps<T>): import("react/jsx-runtime").JSX.Element;
+export interface UseVirtualListOptions {
+    itemCount: number;
+    itemHeight: number;
+    containerHeight: number;
+    overscan?: number;
+}
+export declare function useVirtualList(options: UseVirtualListOptions): {
+    totalHeight: number;
+    virtualItems: {
+        index: number;
+        start: number;
+        size: number;
+    }[];
+    startIndex: number;
+    endIndex: number;
+    handleScroll: (e: React.UIEvent<HTMLElement>) => void;
+    scrollToIndex: (index: number) => void;
+    scrollTop: number;
+};
+export default WakaVirtualList;

package/dist/components/waka-voice-message/index.d.ts

@@ -0,0 +1,117 @@
+export type PlaybackSpeed = 0.5 | 1 | 1.5 | 2;
+export interface VoiceMessageData {
+    /** Audio blob or URL */
+    src: Blob | string;
+    /** Duration in seconds */
+    duration: number;
+    /** Waveform data (normalized values 0-1) */
+    waveform?: number[];
+    /** Optional metadata */
+    metadata?: {
+        mimeType?: string;
+        sampleRate?: number;
+        bitRate?: number;
+    };
+}
+export interface WakaVoiceMessageProps {
+    /** Voice message mode */
+    mode?: "player" | "recorder";
+    /** Audio source (URL or Blob) - required for player mode */
+    src?: string | Blob;
+    /** Pre-computed waveform data (normalized values 0-1) */
+    waveform?: number[];
+    /** Number of waveform bars */
+    waveformBars?: number;
+    /** Initial playback speed */
+    defaultSpeed?: PlaybackSpeed;
+    /** Available playback speeds */
+    speeds?: PlaybackSpeed[];
+    /** Show download button */
+    showDownload?: boolean;
+    /** Show delete button */
+    showDelete?: boolean;
+    /** Show send button (recorder mode) */
+    showSend?: boolean;
+    /** Show cancel button (recorder mode) */
+    showCancel?: boolean;
+    /** Show playback speed control */
+    showSpeedControl?: boolean;
+    /** Maximum recording duration in seconds (0 = unlimited) */
+    maxRecordingDuration?: number;
+    /** Bubble variant styling */
+    variant?: "default" | "bubble" | "bubble-sent" | "bubble-received";
+    /** Size variant */
+    size?: "sm" | "md" | "lg";
+    /** Disabled state */
+    disabled?: boolean;
+    /** Custom class name */
+    className?: string;
+    /** Waveform class name */
+    waveformClassName?: string;
+    /** Controls class name */
+    controlsClassName?: string;
+    /** Callback when playback starts */
+    onPlay?: () => void;
+    /** Callback when playback pauses */
+    onPause?: () => void;
+    /** Callback when playback ends */
+    onEnded?: () => void;
+    /** Callback when time updates */
+    onTimeUpdate?: (currentTime: number) => void;
+    /** Callback when seeking */
+    onSeek?: (time: number) => void;
+    /** Callback when speed changes */
+    onSpeedChange?: (speed: PlaybackSpeed) => void;
+    /** Callback when download is clicked */
+    onDownload?: () => void;
+    /** Callback when delete is clicked */
+    onDelete?: () => void;
+    /** Callback when recording starts */
+    onRecordingStart?: () => void;
+    /** Callback when recording stops */
+    onRecordingStop?: (data: VoiceMessageData) => void;
+    /** Callback when recording is cancelled */
+    onRecordingCancel?: () => void;
+    /** Callback when send is clicked (recorder mode) */
+    onSend?: (data: VoiceMessageData) => void;
+    /** Callback on recording error */
+    onError?: (error: Error) => void;
+}
+export interface UseVoiceMessageOptions {
+    /** Audio source */
+    src?: string | Blob;
+    /** Default playback speed */
+    defaultSpeed?: PlaybackSpeed;
+    /** Number of waveform bars for recorder */
+    waveformBars?: number;
+    /** Maximum recording duration */
+    maxRecordingDuration?: number;
+    /** Callback on error */
+    onError?: (error: Error) => void;
+}
+export interface UseVoiceMessageReturn {
+    isPlaying: boolean;
+    currentTime: number;
+    duration: number;
+    playbackSpeed: PlaybackSpeed;
+    audioUrl: string | null;
+    isRecording: boolean;
+    recordingDuration: number;
+    recordedBlob: Blob | null;
+    liveWaveform: number[];
+    play: () => void;
+    pause: () => void;
+    togglePlay: () => void;
+    seek: (time: number) => void;
+    setSpeed: (speed: PlaybackSpeed) => void;
+    startRecording: () => Promise<void>;
+    stopRecording: () => void;
+    cancelRecording: () => void;
+    progress: number;
+    formattedCurrentTime: string;
+    formattedDuration: string;
+    formattedRecordingDuration: string;
+}
+export declare function useVoiceMessage(options?: UseVoiceMessageOptions): UseVoiceMessageReturn;
+export declare function WakaVoiceMessage({ mode, src, waveform, waveformBars, defaultSpeed, speeds, showDownload, showDelete, showSend, showCancel, showSpeedControl, maxRecordingDuration, variant, size, disabled, className, waveformClassName, controlsClassName, onPlay, onPause, onEnded, onTimeUpdate, onSeek, onSpeedChange, onDownload, onDelete, onRecordingStart, onRecordingStop, onRecordingCancel, onSend, onError, }: WakaVoiceMessageProps): import("react/jsx-runtime").JSX.Element;
+export default WakaVoiceMessage;

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

@@ -0,0 +1,120 @@
+import * as React from "react";
+export interface WelcomeStep {
+    /** Unique identifier for the step */
+    id: string;
+    /** Step title */
+    title: string;
+    /** Step description */
+    description: string;
+    /** Icon component for the step */
+    icon?: React.ReactNode;
+    /** Custom illustration/image URL */
+    illustration?: string;
+    /** Custom content to render */
+    content?: React.ReactNode;
+    /** Options for selection step */
+    options?: WelcomeOption[];
+    /** Allow multiple selections */
+    multiSelect?: boolean;
+}
+export interface WelcomeOption {
+    /** Unique identifier */
+    id: string;
+    /** Option label */
+    label: string;
+    /** Option description */
+    description?: string;
+    /** Option icon */
+    icon?: React.ReactNode;
+}
+export interface WakaWelcomeModalProps {
+    /** Open state */
+    open: boolean;
+    /** Callback when open state changes */
+    onOpenChange: (open: boolean) => void;
+    /** Welcome steps configuration */
+    steps: WelcomeStep[];
+    /** User's name for personalization */
+    userName?: string;
+    /** Callback when wizard is completed */
+    onComplete?: (selections: Record<string, string[]>) => void;
+    /** Callback when wizard is skipped */
+    onSkip?: () => void;
+    /** Allow skipping the wizard */
+    allowSkip?: boolean;
+    /** Show "Don't show again" checkbox */
+    showDontShowAgain?: boolean;
+    /** Callback when "Don't show again" is checked */
+    onDontShowAgainChange?: (checked: boolean) => void;
+    /** Initial "Don't show again" state */
+    dontShowAgain?: boolean;
+    /** Text for skip button */
+    skipText?: string;
+    /** Text for next button */
+    nextText?: string;
+    /** Text for previous button */
+    prevText?: string;
+    /** Text for final button */
+    completeText?: string;
+    /** Custom CSS classes */
+    className?: string;
+    /** Animation duration in ms */
+    animationDuration?: number;
+}
+export interface UseWelcomeModalOptions {
+    /** Initial open state */
+    defaultOpen?: boolean;
+    /** Storage key for "don't show again" preference */
+    storageKey?: string;
+    /** Callback when completed */
+    onComplete?: (selections: Record<string, string[]>) => void;
+    /** Callback when skipped */
+    onSkip?: () => void;
+}
+export interface UseWelcomeModalReturn {
+    /** Current open state */
+    open: boolean;
+    /** Set open state */
+    setOpen: (open: boolean) => void;
+    /** Open the modal */
+    openModal: () => void;
+    /** Close the modal */
+    closeModal: () => void;
+    /** Current step index */
+    currentStep: number;
+    /** Set current step */
+    setCurrentStep: (step: number) => void;
+    /** Go to next step */
+    nextStep: () => void;
+    /** Go to previous step */
+    prevStep: () => void;
+    /** Selected options per step */
+    selections: Record<string, string[]>;
+    /** Select/deselect an option */
+    toggleSelection: (stepId: string, optionId: string, multiSelect?: boolean) => void;
+    /** Clear all selections */
+    clearSelections: () => void;
+    /** Don't show again state */
+    dontShowAgain: boolean;
+    /** Set don't show again */
+    setDontShowAgain: (value: boolean) => void;
+    /** Complete the wizard */
+    complete: () => void;
+    /** Skip the wizard */
+    skip: () => void;
+    /** Reset the wizard */
+    reset: () => void;
+    /** Props to spread on WakaWelcomeModal */
+    modalProps: {
+        open: boolean;
+        onOpenChange: (open: boolean) => void;
+        dontShowAgain: boolean;
+        onDontShowAgainChange: (checked: boolean) => void;
+        onComplete: (selections: Record<string, string[]>) => void;
+        onSkip: () => void;
+    };
+}
+export declare const defaultWelcomeSteps: WelcomeStep[];
+export declare function useWelcomeModal(options?: UseWelcomeModalOptions): UseWelcomeModalReturn;
+export declare function WakaWelcomeModal({ open, onOpenChange, steps, userName, onComplete, onSkip, allowSkip, showDontShowAgain, onDontShowAgainChange, dontShowAgain, skipText, nextText, prevText, completeText, className, animationDuration, }: WakaWelcomeModalProps): import("react/jsx-runtime").JSX.Element;
+export default WakaWelcomeModal;

package/dist/components/waka-xp-bar/index.d.ts

@@ -0,0 +1,54 @@
+import * as React from "react";
+export interface WakaXPBarProps {
+    /** Current XP amount */
+    currentXP: number;
+    /** XP required for next level */
+    requiredXP: number;
+    /** Current level */
+    level: number;
+    /** Previous XP for animation calculation */
+    previousXP?: number;
+    /** Show particle effects when gaining XP */
+    showParticles?: boolean;
+    /** Show level badge */
+    showLevel?: boolean;
+    /** Show XP count display */
+    showXPCount?: boolean;
+    /** Callback when level up occurs */
+    onLevelUp?: (newLevel: number) => void;
+    /** Custom colors per level tier */
+    levelColors?: Record<number, string>;
+    /** Preview of next level rewards */
+    nextReward?: React.ReactNode;
+    /** Size variant */
+    size?: "sm" | "md" | "lg";
+    /** Enable animations */
+    animated?: boolean;
+    /** Additional CSS classes */
+    className?: string;
+}
+export declare function WakaXPBar({ currentXP, requiredXP, level, previousXP, showParticles, showLevel, showXPCount, onLevelUp, levelColors, nextReward, size, animated, className, }: WakaXPBarProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace WakaXPBar {
+    var displayName: string;
+}
+export interface UseXPBarOptions {
+    /** Initial XP */
+    initialXP?: number;
+    /** Initial level */
+    initialLevel?: number;
+    /** XP required per level (can be a function) */
+    xpPerLevel?: number | ((level: number) => number);
+    /** Callback when level changes */
+    onLevelChange?: (newLevel: number, oldLevel: number) => void;
+}
+export declare function useXPBar({ initialXP, initialLevel, xpPerLevel, onLevelChange, }?: UseXPBarOptions): {
+    currentXP: number;
+    requiredXP: number;
+    level: number;
+    previousXP: number;
+    addXP: (amount: number) => void;
+    setXP: (amount: number) => void;
+    setLevel: React.Dispatch<React.SetStateAction<number>>;
+    reset: () => void;
+    progressPercent: number;
+};

package/dist/context/admincrumb-context.d.ts

@@ -0,0 +1,34 @@
+import * as React from "react";
+export interface AdmincrumbItem {
+    id: string;
+    name: string;
+    type: "partner" | "network" | "customer";
+    metadata?: Record<string, any>;
+}
+export interface AdmincrumbSelection {
+    partner?: AdmincrumbItem;
+    network?: AdmincrumbItem;
+    customer?: AdmincrumbItem;
+}
+export interface AdmincrumbContextValue {
+    selection: AdmincrumbSelection;
+    setPartner: (item: AdmincrumbItem | undefined) => void;
+    setNetwork: (item: AdmincrumbItem | undefined) => void;
+    setCustomer: (item: AdmincrumbItem | undefined) => void;
+    reset: () => void;
+    isFiltered: boolean;
+    getFilterQuery: () => {
+        partnerId?: string;
+        networkId?: string;
+        customerId?: string;
+    };
+}
+export interface AdmincrumbProviderProps {
+    children: React.ReactNode;
+    initialSelection?: AdmincrumbSelection;
+    onSelectionChange?: (selection: AdmincrumbSelection) => void;
+    persistKey?: string;
+}
+export declare function AdmincrumbProvider({ children, initialSelection, onSelectionChange, persistKey }: AdmincrumbProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function useAdmincrumbContext(): AdmincrumbContextValue;
+export declare function useAdmincrumbContextOptional(): AdmincrumbContextValue;

package/dist/context/index.d.ts

@@ -0,0 +1,8 @@
+export { ThemeProvider, useTheme } from "./theme-provider";
+export type { ThemeContextValue, ThemeProviderProps, ThemeConfig, ThemeS3Config } from "./theme-provider";
+export { ThemeProvider as LegacyThemeProvider, useTheme as useLegacyTheme } from "./theme-context";
+export type { ThemeContextValue as LegacyThemeContextValue, ThemeProviderProps as LegacyThemeProviderProps } from "./theme-context";
+export { LanguageProvider, useLanguage } from "./language-context";
+export type { LanguageConfig, S3Config, LanguageProviderProps, LanguageContextValue } from "./language-context";
+export { WakaProvider, useWaka } from "./waka-provider";
+export type { WakaProviderConfig, WakaProviderProps } from "./waka-provider";

package/dist/context/language-context.d.ts

@@ -0,0 +1,57 @@
+import * as React from "react";
+export interface S3Config {
+    /** URL de base du bucket S3 */
+    baseUrl: string;
+    /** Préfixe des fichiers (ex: "translations/") */
+    prefix?: string;
+    /** Extension des fichiers (défaut: "json") */
+    extension?: string;
+    /** Headers personnalisés pour les requêtes */
+    headers?: Record<string, string>;
+}
+export interface LanguageConfig {
+    code: string;
+    label: string;
+    flagEmoji?: string;
+    flag?: string;
+}
+export interface LanguageContextValue {
+    /** Langue courante */
+    currentLanguage: string;
+    /** Liste des langues disponibles */
+    languages: LanguageConfig[];
+    /** Changer de langue */
+    changeLanguage: (code: string) => Promise<void>;
+    /** État de chargement */
+    isLoading: boolean;
+    /** Traductions chargées */
+    loadedLanguages: Set<string>;
+}
+export interface LanguageProviderProps {
+    children: React.ReactNode;
+    /** Langues disponibles */
+    languages: LanguageConfig[];
+    /** Langue par défaut */
+    defaultLanguage?: string;
+    /** Configuration S3 (optionnel - si non fourni, utilise les traductions locales) */
+    s3Config?: S3Config;
+    /** Callback après changement de langue */
+    onLanguageChange?: (code: string) => void;
+}
+/**
+ * LanguageProvider
+ *
+ * Provider pour gérer les langues et charger les traductions depuis S3.
+ *
+ * Features:
+ * - Chargement dynamique des traductions depuis S3
+ * - Cache des traductions déjà chargées
+ * - Intégration avec i18next
+ * - Persistance dans localStorage
+ * - Support des traductions locales si pas de S3
+ */
+export declare function LanguageProvider({ children, languages, defaultLanguage, s3Config, onLanguageChange, }: LanguageProviderProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Hook pour utiliser le contexte de langue
+ */
+export declare function useLanguage(): LanguageContextValue;

package/dist/context/theme-context.d.ts

@@ -0,0 +1,39 @@
+import * as React from "react";
+import { WakaThemeConfig, ThemeConfigItem } from "../types/provider";
+export interface ThemeContextValue {
+    theme: string;
+    setTheme: (theme: string) => void;
+    themes: ThemeConfigItem[];
+    systemTheme?: string;
+    isLoadingThemes?: boolean;
+    themesSource?: "config" | "s3" | "fallback";
+}
+export interface ThemeProviderProps {
+    children: React.ReactNode;
+    config?: WakaThemeConfig;
+}
+/**
+ * Provider de thème pour WakaStart UI
+ *
+ * Gère le thème actif, le stockage dans localStorage et la détection du thème système
+ * Charge automatiquement les thèmes depuis S3 si non fournis dans la config
+ *
+ * @example
+ * ```tsx
+ * <ThemeProvider config={{ defaultTheme: "light", themes: ["light", "dark"] }}>
+ *   <App />
+ * </ThemeProvider>
+ * ```
+ */
+export declare function ThemeProvider({ children, config }: ThemeProviderProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Hook pour accéder au contexte du thème
+ *
+ * @throws {Error} Si utilisé en dehors d'un ThemeProvider
+ *
+ * @example
+ * ```tsx
+ * const { theme, setTheme, themes } = useTheme()
+ * ```
+ */
+export declare function useTheme(): ThemeContextValue;

package/dist/context/theme-provider.d.ts

@@ -0,0 +1,74 @@
+import * as React from "react";
+export interface ThemeS3Config {
+    /** URL de base du bucket S3 */
+    baseUrl: string;
+    /** Préfixe des fichiers (ex: "themes/") */
+    prefix?: string;
+    /** Extension des fichiers (défaut: "css") */
+    extension?: string;
+    /** Headers personnalisés pour les requêtes */
+    headers?: Record<string, string>;
+    /** Timeout en millisecondes */
+    timeout?: number;
+}
+export interface ThemeConfig {
+    /** Identifiant du thème (utilisé dans data-theme) */
+    id: string;
+    /** Nom d'affichage */
+    label: string;
+    /** Description optionnelle */
+    description?: string;
+    /** Couleur représentative du thème (pour preview) */
+    previewColor?: string;
+}
+export interface ThemeContextValue {
+    /** Thème courant */
+    currentTheme: string;
+    /** Liste des thèmes disponibles */
+    themes: ThemeConfig[];
+    /** Changer de thème */
+    changeTheme: (id: string) => Promise<void>;
+    /** État de chargement */
+    isLoading: boolean;
+    /** Thèmes chargés */
+    loadedThemes: Set<string>;
+    /** Mode dark actif */
+    isDarkMode: boolean;
+    /** Basculer le mode dark/light */
+    toggleDarkMode: () => void;
+    /** Précharger un thème */
+    preloadTheme: (id: string) => Promise<void>;
+    /** Vérifier si un thème est chargé */
+    isThemeLoaded: (id: string) => boolean;
+}
+export interface ThemeProviderProps {
+    children: React.ReactNode;
+    /** Thèmes disponibles */
+    themes: ThemeConfig[];
+    /** Thème par défaut */
+    defaultTheme?: string;
+    /** Configuration S3 (optionnel - si non fourni, utilise les thèmes locaux) */
+    s3Config?: ThemeS3Config;
+    /** Callback après changement de thème */
+    onThemeChange?: (id: string) => void;
+    /** Activer le mode sombre (optionnel) */
+    enableDarkMode?: boolean;
+}
+/**
+ * ThemeProvider
+ *
+ * Provider pour gérer les thèmes et charger les CSS depuis S3 avec support TweakCN.
+ *
+ * Features:
+ * - Chargement dynamique des thèmes depuis S3
+ * - Cache des thèmes déjà chargés
+ * - Support TweakCN avec data-theme
+ * - Persistance dans localStorage
+ * - Préchargement de thèmes
+ * - Support des thèmes locaux si pas de S3
+ */
+export declare function ThemeProvider({ children, themes, defaultTheme, s3Config, onThemeChange, enableDarkMode, }: ThemeProviderProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Hook pour utiliser le ThemeProvider
+ */
+export declare function useTheme(): ThemeContextValue;

package/dist/context/waka-provider.d.ts

@@ -0,0 +1,50 @@
+import { WakaProviderConfig, WakaProviderProps } from "../types/provider";
+/**
+ * WakaProvider - Provider principal pour WakaStart UI
+ *
+ * Centralise la configuration du thème, de la langue et des traductions S3
+ *
+ * @example
+ * ```tsx
+ * <WakaProvider config={{
+ *   theme: {
+ *     defaultTheme: "light",
+ *     themes: ["light", "dark", "forest"],
+ *     enableSystem: true
+ *   },
+ *   language: {
+ *     defaultLanguage: "fr",
+ *     supportedLanguages: ["fr", "en"],
+ *     s3Config: {
+ *       bucketUrl: "https://my-bucket.s3.amazonaws.com",
+ *       translationsPath: "translations"
+ *     }
+ *   }
+ * }}>
+ *   <App />
+ * </WakaProvider>
+ * ```
+ */
+export declare function WakaProvider({ children, config }: WakaProviderProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Hook pour accéder à la configuration du WakaProvider
+ *
+ * @example
+ * ```tsx
+ * const { changeLanguage, changeTheme, t } = useWaka()
+ * ```
+ */
+export declare function useWaka(): {
+    currentLanguage: string;
+    changeLanguage: (lang: string) => Promise<void>;
+    languages: import("./language-context").LanguageConfig[];
+    isLanguageLoading: boolean;
+    currentTheme: string;
+    changeTheme: (id: string) => Promise<void>;
+    themes: import("./theme-provider").ThemeConfig[];
+    isThemeLoading: boolean;
+    preloadTheme: (id: string) => Promise<void>;
+    isThemeLoaded: (id: string) => boolean;
+    t: import("i18next").TFunction<"translation", undefined>;
+};
+export type { WakaProviderConfig, WakaProviderProps };

package/dist/doc.cjs.js

@@ -1,2 +1,2 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./chunk-14q5BKub.js`),t=require(`./cn-DEtaFQsA.js`),n=require(`./separator-NrkltulH.js`),r=require(`./waka-doc-renderer-CTxC7Trf.js`);let i=require(`react`);i=e.a(i);let a=require(`lucide-react`),o=require(`react/jsx-runtime`);function s({content:e,mode:s=`view`,canEdit:l=!1,onModeChange:u,onChange:d,debounceMs:f=1500,saveStatus:p=`idle`,navItems:m,activePageId:h,onPageChange:g,breadcrumbs:_,onBreadcrumbClick:v,searchPages:y,onSearchSelect:b,versions:x,currentVersion:S,onVersionChange:C,className:w}){let[T,E]=i.useState([]),[D,O]=i.useState(!1),[k,A]=i.useState(e);i.useEffect(()=>{A(e)},[e]);let j=i.useRef(),M=i.useCallback(e=>{A(e),j.current&&clearTimeout(j.current),j.current=setTimeout(()=>{d?.(e)},f)},[d,f]);i.useEffect(()=>()=>{j.current&&clearTimeout(j.current)},[]);let N=m&&m.length>0,P=y&&y.length>0,F=x&&x.length>0&&S;return(0,o.jsxs)(`div`,{className:t.t(`relative flex min-h-screen`,w),children:[N&&(0,o.jsx)(n.n,{variant:`ghost`,size:`icon`,className:`fixed left-4 top-4 z-50 lg:hidden`,onClick:()=>O(!D),children:D?(0,o.jsx)(a.X,{className:`h-5 w-5`}):(0,o.jsx)(a.Menu,{className:`h-5 w-5`})}),N&&(0,o.jsx)(`aside`,{className:t.t(`fixed inset-y-0 left-0 z-40 w-72 shrink-0 border-r border-border/50 bg-background/95 backdrop-blur-md transition-transform duration-300 lg:relative lg:translate-x-0`,D?`translate-x-0`:`-translate-x-full`),children:(0,o.jsxs)(`div`,{className:`flex h-full flex-col gap-4 overflow-y-auto p-4`,children:[P&&(0,o.jsx)(r.o,{pages:y,onSelect:e=>{b?.(e),O(!1)}}),F&&(0,o.jsx)(r.a,{versions:x,current:S,onVersionChange:C}),(0,o.jsx)(r.s,{items:m,activeId:h,onItemClick:e=>{g?.(e),O(!1)}})]})}),N&&D&&(0,o.jsx)(`div`,{className:`fixed inset-0 z-30 bg-black/50 lg:hidden`,onClick:()=>O(!1)}),(0,o.jsxs)(`main`,{className:`flex min-w-0 flex-1 gap-8`,children:[(0,o.jsxs)(`div`,{className:`mx-auto w-full max-w-3xl px-4 py-8 lg:px-8`,children:[(0,o.jsxs)(`div`,{className:`mb-6 flex flex-col gap-3`,children:[_&&_.length>0&&(0,o.jsx)(r.r,{items:_,onItemClick:v}),(0,o.jsx)(r.i,{content:k,mode:s,canEdit:l,onModeChange:u,saveStatus:p})]}),s===`view`?(0,o.jsx)(r.t,{content:k,onHeadingsExtracted:E}):(0,o.jsx)(c,{content:k,onChange:M,onHeadingsExtracted:E})]}),T.length>0&&(0,o.jsx)(`aside`,{className:`hidden w-56 shrink-0 py-8 xl:block`,children:(0,o.jsx)(r.c,{items:T})})]})]})}function c({content:e,onChange:t,onHeadingsExtracted:n}){let[r,a]=i.useState(null);return i.useEffect(()=>{(async()=>{try{let{WakaRichTextEditor:e}=await Promise.resolve().then(()=>require(`./waka-rich-text-editor-BlIdtknG.js`));a(()=>e)}catch{}})()},[]),i.useEffect(()=>{let t=[],r=e.split(`
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./chunk-FDd1SASZ.js`),t=require(`./cn-DEeiGoUV.js`),n=require(`./separator-DviMy-io.js`),r=require(`./waka-doc-renderer-22MUZbyl.js`);let i=require(`react`);i=e.r(i);let a=require(`lucide-react`),o=require(`react/jsx-runtime`);function s({content:e,mode:s=`view`,canEdit:l=!1,onModeChange:u,onChange:d,debounceMs:f=1500,saveStatus:p=`idle`,navItems:m,activePageId:h,onPageChange:g,breadcrumbs:_,onBreadcrumbClick:v,searchPages:y,onSearchSelect:b,versions:x,currentVersion:S,onVersionChange:C,className:w}){let[T,E]=i.useState([]),[D,O]=i.useState(!1),[k,A]=i.useState(e);i.useEffect(()=>{A(e)},[e]);let j=i.useRef(),M=i.useCallback(e=>{A(e),j.current&&clearTimeout(j.current),j.current=setTimeout(()=>{d?.(e)},f)},[d,f]);i.useEffect(()=>()=>{j.current&&clearTimeout(j.current)},[]);let N=m&&m.length>0,P=y&&y.length>0,F=x&&x.length>0&&S;return(0,o.jsxs)(`div`,{className:t.t(`relative flex min-h-screen`,w),children:[N&&(0,o.jsx)(n.n,{variant:`ghost`,size:`icon`,className:`fixed left-4 top-4 z-50 lg:hidden`,onClick:()=>O(!D),children:D?(0,o.jsx)(a.X,{className:`h-5 w-5`}):(0,o.jsx)(a.Menu,{className:`h-5 w-5`})}),N&&(0,o.jsx)(`aside`,{className:t.t(`fixed inset-y-0 left-0 z-40 w-72 shrink-0 border-r border-border/50 bg-background/95 backdrop-blur-md transition-transform duration-300 lg:relative lg:translate-x-0`,D?`translate-x-0`:`-translate-x-full`),children:(0,o.jsxs)(`div`,{className:`flex h-full flex-col gap-4 overflow-y-auto p-4`,children:[P&&(0,o.jsx)(r.o,{pages:y,onSelect:e=>{b?.(e),O(!1)}}),F&&(0,o.jsx)(r.a,{versions:x,current:S,onVersionChange:C}),(0,o.jsx)(r.s,{items:m,activeId:h,onItemClick:e=>{g?.(e),O(!1)}})]})}),N&&D&&(0,o.jsx)(`div`,{className:`fixed inset-0 z-30 bg-black/50 lg:hidden`,onClick:()=>O(!1)}),(0,o.jsxs)(`main`,{className:`flex min-w-0 flex-1 gap-8`,children:[(0,o.jsxs)(`div`,{className:`mx-auto w-full max-w-3xl px-4 py-8 lg:px-8`,children:[(0,o.jsxs)(`div`,{className:`mb-6 flex flex-col gap-3`,children:[_&&_.length>0&&(0,o.jsx)(r.r,{items:_,onItemClick:v}),(0,o.jsx)(r.i,{content:k,mode:s,canEdit:l,onModeChange:u,saveStatus:p})]}),s===`view`?(0,o.jsx)(r.t,{content:k,onHeadingsExtracted:E}):(0,o.jsx)(c,{content:k,onChange:M,onHeadingsExtracted:E})]}),T.length>0&&(0,o.jsx)(`aside`,{className:`hidden w-56 shrink-0 py-8 xl:block`,children:(0,o.jsx)(r.c,{items:T})})]})]})}function c({content:e,onChange:t,onHeadingsExtracted:n}){let[r,a]=i.useState(null);return i.useEffect(()=>{(async()=>{try{let{WakaRichTextEditor:e}=await Promise.resolve().then(()=>require(`./waka-rich-text-editor-C4b30Ik-.js`)).then(e=>e.n);a(()=>e)}catch{}})()},[]),i.useEffect(()=>{let t=[],r=e.split(`
 `);for(let e of r){let n=e.match(/^(#{2,4})\s+(.+)$/);if(n){let e=n[1].length,r=n[2].replace(/[`*_~]/g,``),i=r.toLowerCase().replace(/[^\w\s-]/g,``).replace(/\s+/g,`-`);t.push({id:i,text:r,level:e})}}n(t)},[e,n]),r?(0,o.jsx)(r,{value:e,onChange:t,placeholder:`Écrivez votre documentation...`,minHeight:400,editable:!0}):(0,o.jsx)(`textarea`,{value:e,onChange:e=>t(e.target.value),className:`min-h-[400px] w-full rounded-lg border border-border/50 bg-background p-4 font-mono text-sm focus:outline-none focus:ring-2 focus:ring-primary/50`,placeholder:`Écrivez en markdown...`})}exports.WakaDocBreadcrumb=r.r,exports.WakaDocCallout=r.u,exports.WakaDocCodeBlock=r.l,exports.WakaDocNav=r.s,exports.WakaDocRenderer=r.t,exports.WakaDocSearch=r.o,exports.WakaDocShell=s,exports.WakaDocTable=r.n,exports.WakaDocToc=r.c,exports.WakaDocToolbar=r.i,exports.WakaDocVersion=r.a;

package/dist/doc.d.ts

@@ -1 +1,33 @@
-export {}
+/**
+ * Entry point pour WakaDoc Suite
+ *
+ * Usage:
+ * ```ts
+ * import { WakaDocRenderer, WakaDocShell } from "@wakastellar/ui/doc"
+ * ```
+ *
+ * Dépendances requises:
+ * - react-markdown
+ * - remark-gfm
+ * - rehype-slug
+ * - rehype-raw
+ *
+ * Pour le mode édition (WakaDocShell avec mode="edit"):
+ * - @tiptap/react (>=2.0.0)
+ * - @tiptap/starter-kit (>=2.0.0)
+ * - @tiptap/extension-underline (>=2.0.0)
+ * - @tiptap/extension-link (>=2.0.0)
+ * - @tiptap/extension-text-align (>=2.0.0)
+ * - tiptap-markdown (>=0.8.0)
+ */
+export { WakaDocRenderer, type WakaDocRendererProps } from "./components/waka-doc-renderer";
+export { WakaDocCodeBlock, type WakaDocCodeBlockProps } from "./components/waka-doc-code-block";
+export { WakaDocToc, type WakaDocTocProps, type TocItem } from "./components/waka-doc-toc";
+export { WakaDocNav, type WakaDocNavProps, type DocNavItem } from "./components/waka-doc-nav";
+export { WakaDocSearch, type WakaDocSearchProps, type DocSearchPage } from "./components/waka-doc-search";
+export { WakaDocVersion, type WakaDocVersionProps, type DocVersion } from "./components/waka-doc-version";
+export { WakaDocCallout, type WakaDocCalloutProps, type CalloutType } from "./components/waka-doc-callout";
+export { WakaDocToolbar, type WakaDocToolbarProps } from "./components/waka-doc-toolbar";
+export { WakaDocBreadcrumb, type WakaDocBreadcrumbProps } from "./components/waka-doc-breadcrumb";
+export { WakaDocTable, type WakaDocTableProps } from "./components/waka-doc-table";
+export { WakaDocShell, type WakaDocShellProps } from "./blocks/waka-doc-shell";