@wakastellar/ui 4.0.0-dev.0 → 4.0.1

package/dist/src/components/waka-swipe-card/index.d.ts

@@ -1,64 +0,0 @@
-import { VariantProps } from 'class-variance-authority';
-import * as React from "react";
-export type SwipeDirection = "left" | "right" | "up" | "down";
-export interface SwipeCardData {
-    id: string | number;
-    [key: string]: unknown;
-}
-export interface WakaSwipeCardProps<T extends SwipeCardData> extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof swipeCardVariants> {
-    /** Array of card data to display */
-    cards: T[];
-    /** Render function for each card */
-    renderCard: (card: T, index: number) => React.ReactNode;
-    /** Called when a card is swiped */
-    onSwipe?: (card: T, direction: SwipeDirection) => void;
-    /** Called when swiping starts */
-    onSwipeStart?: (card: T, direction: SwipeDirection) => void;
-    /** Called during swipe with progress (0-1) */
-    onSwipeProgress?: (card: T, direction: SwipeDirection, progress: number) => void;
-    /** Threshold to trigger swipe (0-1, default 0.3) */
-    swipeThreshold?: number;
-    /** Enable/disable specific swipe directions */
-    allowedDirections?: SwipeDirection[];
-    /** Show overlay indicators during swipe */
-    showOverlay?: boolean;
-    /** Custom overlay content for each direction */
-    overlayContent?: Partial<Record<SwipeDirection, React.ReactNode>>;
-    /** Number of visible cards in stack */
-    stackSize?: number;
-    /** Scale factor for stacked cards */
-    stackScale?: number;
-    /** Vertical offset for stacked cards */
-    stackOffset?: number;
-    /** Animation duration in ms */
-    animationDuration?: number;
-    /** Enable haptic feedback (if available) */
-    hapticFeedback?: boolean;
-    /** Disable interactions */
-    disabled?: boolean;
-    /** Called when all cards are swiped */
-    onEmpty?: () => void;
-}
-export interface WakaSwipeCardRef {
-    swipe: (direction: SwipeDirection) => void;
-    rewind: () => void;
-    getCurrentCard: () => SwipeCardData | null;
-}
-declare const swipeCardVariants: (props?: ({
-    size?: "default" | "sm" | "lg" | "full" | null | undefined;
-} & import('class-variance-authority/dist/types').ClassProp) | undefined) => string;
-export declare const WakaSwipeCard: <T extends SwipeCardData>(props: WakaSwipeCardProps<T> & {
-    ref?: React.ForwardedRef<WakaSwipeCardRef>;
-}) => React.ReactElement;
-export interface WakaSwipeCardActionsProps extends React.HTMLAttributes<HTMLDivElement> {
-    /** Reference to the SwipeCard component */
-    swipeCardRef: React.RefObject<WakaSwipeCardRef>;
-    /** Show rewind button */
-    showRewind?: boolean;
-    /** Allowed directions to show buttons for */
-    directions?: SwipeDirection[];
-    /** Button size */
-    size?: "sm" | "default" | "lg";
-}
-export declare function WakaSwipeCardActions({ swipeCardRef, showRewind, directions, size, className, ...props }: WakaSwipeCardActionsProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/src/components/waka-tabs-morph/index.d.ts

@@ -1,66 +0,0 @@
-import * as React from "react";
-export interface TabItem {
-    /** Unique identifier */
-    id: string;
-    /** Tab label */
-    label: string;
-    /** Icon element */
-    icon?: React.ReactNode;
-    /** Badge content (number or text) */
-    badge?: number | string;
-    /** Disable the tab */
-    disabled?: boolean;
-    /** Tab content (for controlled usage) */
-    content?: React.ReactNode;
-}
-export interface WakaTabsMorphProps {
-    /** Tab items */
-    tabs: TabItem[];
-    /** Currently active tab id */
-    activeTab?: string;
-    /** Default active tab id */
-    defaultTab?: string;
-    /** Callback when tab changes */
-    onChange?: (tabId: string) => void;
-    /** Orientation */
-    orientation?: "horizontal" | "vertical";
-    /** Size variant */
-    size?: "sm" | "md" | "lg";
-    /** Style variant */
-    variant?: "default" | "pills" | "underline" | "enclosed";
-    /** Full width tabs */
-    fullWidth?: boolean;
-    /** Animation duration in ms */
-    animationDuration?: number;
-    /** Custom className for the tab list */
-    className?: string;
-    /** Custom className for the tab content */
-    contentClassName?: string;
-    /** Render function for tab content */
-    renderContent?: (tab: TabItem) => React.ReactNode;
-}
-export declare function WakaTabsMorph({ tabs, activeTab, defaultTab, onChange, orientation, size, variant, fullWidth, animationDuration, className, contentClassName, renderContent, }: WakaTabsMorphProps): import("react/jsx-runtime").JSX.Element;
-export declare function useTabs(tabs: TabItem[], initialTab?: string): {
-    activeTab: string;
-    activeTabData: TabItem | undefined;
-    setActiveTab: React.Dispatch<React.SetStateAction<string>>;
-    goToTab: (tabId: string) => void;
-    goToNext: () => void;
-    goToPrevious: () => void;
-    goToFirst: () => void;
-    goToLast: () => void;
-};
-export interface WakaTabPanelProps {
-    /** Tab id this panel corresponds to */
-    tabId: string;
-    /** Current active tab id */
-    activeTab: string;
-    /** Panel content */
-    children: React.ReactNode;
-    /** Keep panel mounted when not active */
-    keepMounted?: boolean;
-    /** Custom className */
-    className?: string;
-}
-export declare function WakaTabPanel({ tabId, activeTab, children, keepMounted, className, }: WakaTabPanelProps): import("react/jsx-runtime").JSX.Element | null;
-export default WakaTabsMorph;

package/dist/src/components/waka-tag-input/index.d.ts

@@ -1,134 +0,0 @@
-import * as React from "react";
-export interface Tag {
-    /** Unique identifier */
-    id: string;
-    /** Display value */
-    value: string;
-    /** Optional category for color-coding */
-    category?: string;
-    /** Custom color override */
-    color?: string;
-}
-export interface TagCategory {
-    /** Category name */
-    name: string;
-    /** Background color */
-    bgColor: string;
-    /** Text color */
-    textColor: string;
-    /** Border color (optional) */
-    borderColor?: string;
-}
-export interface TagSuggestion {
-    /** Suggestion value */
-    value: string;
-    /** Category (optional) */
-    category?: string;
-    /** Description (optional) */
-    description?: string;
-}
-export interface WakaTagInputProps {
-    /** Current tags */
-    tags: Tag[];
-    /** Callback when tags change */
-    onChange: (tags: Tag[]) => void;
-    /** Autocomplete suggestions */
-    suggestions?: TagSuggestion[];
-    /** Async suggestions loader */
-    onSuggestionsLoad?: (query: string) => Promise<TagSuggestion[]>;
-    /** Callback when a new tag is created */
-    onTagCreate?: (value: string) => void;
-    /** Maximum number of tags allowed */
-    maxTags?: number;
-    /** Allow duplicate tags */
-    allowDuplicates?: boolean;
-    /** Tag validation regex pattern */
-    validationPattern?: RegExp;
-    /** Validation error message */
-    validationMessage?: string;
-    /** Category color mapping */
-    categories?: Record<string, TagCategory>;
-    /** Allow drag to reorder */
-    draggable?: boolean;
-    /** Placeholder text */
-    placeholder?: string;
-    /** Disabled state */
-    disabled?: boolean;
-    /** Error state */
-    error?: boolean;
-    /** Error message */
-    errorMessage?: string;
-    /** Delimiters to trigger tag creation (default: Enter, comma) */
-    delimiters?: string[];
-    /** Minimum tag length */
-    minLength?: number;
-    /** Maximum tag length */
-    maxLength?: number;
-    /** Additional CSS classes */
-    className?: string;
-    /** Input ID for accessibility */
-    id?: string;
-    /** Input name for forms */
-    name?: string;
-}
-declare const defaultCategories: Record<string, TagCategory>;
-interface TagChipProps {
-    tag: Tag;
-    category?: TagCategory;
-    onRemove: () => void;
-    draggable?: boolean;
-    disabled?: boolean;
-    onDragStart?: (e: React.DragEvent) => void;
-    onDragEnd?: (e: React.DragEvent) => void;
-    onDragOver?: (e: React.DragEvent) => void;
-    onDrop?: (e: React.DragEvent) => void;
-    isDragging?: boolean;
-    isDragOver?: boolean;
-}
-declare function TagChip({ tag, category, onRemove, draggable, disabled, onDragStart, onDragEnd, onDragOver, onDrop, isDragging, isDragOver, }: TagChipProps): import("react/jsx-runtime").JSX.Element;
-interface SuggestionDropdownProps {
-    suggestions: TagSuggestion[];
-    query: string;
-    selectedIndex: number;
-    onSelect: (suggestion: TagSuggestion) => void;
-    categories?: Record<string, TagCategory>;
-    visible: boolean;
-}
-declare function SuggestionDropdown({ suggestions, query, selectedIndex, onSelect, categories, visible, }: SuggestionDropdownProps): import("react/jsx-runtime").JSX.Element | null;
-export declare function WakaTagInput({ tags, onChange, suggestions: staticSuggestions, onSuggestionsLoad, onTagCreate, maxTags, allowDuplicates, validationPattern, validationMessage, categories, draggable, placeholder, disabled, error, errorMessage, delimiters, minLength, maxLength, className, id, name, }: WakaTagInputProps): import("react/jsx-runtime").JSX.Element;
-export declare namespace WakaTagInput {
-    var displayName: string;
-}
-export interface UseTagInputOptions {
-    /** Initial tags */
-    initialTags?: Tag[];
-    /** Maximum tags */
-    maxTags?: number;
-    /** Allow duplicates */
-    allowDuplicates?: boolean;
-    /** Validation pattern */
-    validationPattern?: RegExp;
-    /** Callback when tags change */
-    onTagsChange?: (tags: Tag[]) => void;
-}
-export declare function useTagInput(options?: UseTagInputOptions): {
-    tags: Tag[];
-    setTags: (newTags: Tag[]) => void;
-    addTag: (value: string, category?: string) => boolean;
-    addTags: (values: string[], category?: string) => number;
-    removeTag: (tagId: string) => void;
-    removeTagByValue: (value: string) => void;
-    clearTags: () => void;
-    hasTag: (value: string) => boolean;
-    getTag: (tagId: string) => Tag | undefined;
-    reorderTags: (fromIndex: number, toIndex: number) => void;
-    updateTagCategory: (tagId: string, category?: string) => void;
-    getTagsByCategory: (category: string) => Tag[];
-    values: string[];
-    count: number;
-    isEmpty: boolean;
-    isFull: boolean;
-};
-export type { TagChipProps, SuggestionDropdownProps };
-export { TagChip, SuggestionDropdown, defaultCategories };
-export default WakaTagInput;

package/dist/src/components/waka-team-banner/index.d.ts

@@ -1,122 +0,0 @@
-import * as React from "react";
-export interface TeamMember {
-    /** Unique identifier */
-    id: string;
-    /** Member display name */
-    name: string;
-    /** Avatar URL */
-    avatar?: string;
-    /** Role in the team (e.g., "Leader", "Co-Leader", "Member") */
-    role?: string;
-    /** Is this the team leader/captain */
-    isLeader?: boolean;
-}
-export interface TeamAchievement {
-    /** Unique identifier */
-    id: string;
-    /** Achievement name */
-    name: string;
-    /** Achievement description */
-    description?: string;
-    /** Icon to display */
-    icon: React.ReactNode;
-    /** When the achievement was earned */
-    earnedAt?: Date;
-    /** Rarity/tier of achievement */
-    rarity?: "common" | "rare" | "epic" | "legendary";
-}
-export interface TeamStats {
-    /** Total wins */
-    wins: number;
-    /** Current rank */
-    rank: number;
-    /** Total rank count (e.g., "of 500") */
-    totalRanks?: number;
-    /** Member count */
-    members: number;
-    /** Maximum members allowed */
-    maxMembers?: number;
-    /** Win rate percentage */
-    winRate?: number;
-    /** Current streak */
-    streak?: number;
-    /** Total points/XP */
-    points?: number;
-}
-export interface TeamTheme {
-    /** Primary color (hex or CSS color) */
-    primary: string;
-    /** Secondary color (hex or CSS color) */
-    secondary?: string;
-    /** Gradient direction */
-    gradientDirection?: "to-r" | "to-l" | "to-t" | "to-b" | "to-br" | "to-bl" | "to-tr" | "to-tl";
-}
-export interface WakaTeamBannerProps {
-    /** Team name */
-    name: string;
-    /** Team motto/tagline */
-    motto?: string;
-    /** Team logo URL */
-    logo?: string;
-    /** Team statistics */
-    stats: TeamStats;
-    /** Team members to display */
-    members?: TeamMember[];
-    /** Maximum members to show in avatar stack */
-    maxDisplayMembers?: number;
-    /** Team achievements/badges */
-    achievements?: TeamAchievement[];
-    /** Maximum achievements to display */
-    maxDisplayAchievements?: number;
-    /** Custom team color theme */
-    theme?: TeamTheme;
-    /** Banner size variant */
-    size?: "sm" | "md" | "lg";
-    /** Banner layout variant */
-    variant?: "default" | "compact" | "expanded";
-    /** Enable animated entrance effects */
-    animated?: boolean;
-    /** Join button state */
-    joinState?: "available" | "pending" | "joined" | "closed";
-    /** Callback when join button is clicked */
-    onJoinClick?: () => void;
-    /** Callback when team banner is clicked */
-    onClick?: () => void;
-    /** Callback when a member avatar is clicked */
-    onMemberClick?: (member: TeamMember) => void;
-    /** Callback when an achievement is clicked */
-    onAchievementClick?: (achievement: TeamAchievement) => void;
-    /** Additional CSS classes */
-    className?: string;
-}
-export interface UseTeamBannerOptions {
-    /** Initial join state */
-    initialJoinState?: "available" | "pending" | "joined" | "closed";
-    /** Simulate join request delay (ms) */
-    joinDelay?: number;
-    /** Callback after successful join */
-    onJoinSuccess?: () => void;
-    /** Callback on join error */
-    onJoinError?: (error: Error) => void;
-}
-export interface UseTeamBannerReturn {
-    /** Current join state */
-    joinState: "available" | "pending" | "joined" | "closed";
-    /** Request to join team */
-    requestJoin: () => Promise<void>;
-    /** Cancel join request */
-    cancelJoin: () => void;
-    /** Leave team */
-    leaveTeam: () => void;
-    /** Whether join action is in progress */
-    isJoining: boolean;
-    /** Error from join attempt */
-    error: Error | null;
-    /** Reset to initial state */
-    reset: () => void;
-}
-export declare function useTeamBanner({ initialJoinState, joinDelay, onJoinSuccess, onJoinError, }?: UseTeamBannerOptions): UseTeamBannerReturn;
-export declare function WakaTeamBanner({ name, motto, logo, stats, members, maxDisplayMembers, achievements, maxDisplayAchievements, theme, size, variant, animated, joinState, onJoinClick, onClick, onMemberClick, onAchievementClick, className, }: WakaTeamBannerProps): import("react/jsx-runtime").JSX.Element;
-export declare function WakaTeamBannerCompact(props: Omit<WakaTeamBannerProps, "variant">): import("react/jsx-runtime").JSX.Element;
-export declare function WakaTeamBannerExpanded(props: Omit<WakaTeamBannerProps, "variant">): import("react/jsx-runtime").JSX.Element;
-export default WakaTeamBanner;

package/dist/src/components/waka-terminal-output/index.d.ts

@@ -1,48 +0,0 @@
-export type LogLevel = "info" | "warn" | "error" | "debug";
-export interface LogLine {
-    /** The log content (can include ANSI codes) */
-    content: string;
-    /** Optional timestamp */
-    timestamp?: Date;
-    /** Log level for filtering and styling */
-    level?: LogLevel;
-}
-export interface WakaTerminalOutputProps {
-    /** Array of log lines to display */
-    lines: LogLine[];
-    /** Maximum lines to keep in memory (for performance) */
-    maxLines?: number;
-    /** Show line numbers */
-    showLineNumbers?: boolean;
-    /** Show timestamps */
-    showTimestamps?: boolean;
-    /** Auto-scroll to bottom on new lines */
-    autoScroll?: boolean;
-    /** Enable search functionality */
-    searchable?: boolean;
-    /** Enable log level filtering */
-    filterable?: boolean;
-    /** Callback when content is copied */
-    onCopy?: (content: string) => void;
-    /** Callback when clear is triggered */
-    onClear?: () => void;
-    /** Height of the terminal */
-    height?: number | string;
-    /** Additional CSS classes */
-    className?: string;
-}
-export declare function WakaTerminalOutput({ lines, maxLines, showLineNumbers, showTimestamps, autoScroll, searchable, filterable, onCopy, onClear, height, className, }: WakaTerminalOutputProps): import("react/jsx-runtime").JSX.Element;
-export interface UseTerminalOutputOptions {
-    maxLines?: number;
-}
-export declare function useTerminalOutput(options?: UseTerminalOutputOptions): {
-    lines: LogLine[];
-    addLine: (content: string, level?: LogLevel, timestamp?: Date) => void;
-    addLines: (newLines: LogLine[]) => void;
-    clear: () => void;
-    log: (content: string) => void;
-    warn: (content: string) => void;
-    error: (content: string) => void;
-    debug: (content: string) => void;
-};
-export default WakaTerminalOutput;

package/dist/src/components/waka-test-report/index.d.ts

@@ -1,60 +0,0 @@
-export type TestStatus = "passed" | "failed" | "skipped" | "pending";
-export interface TestCase {
-    id: string;
-    name: string;
-    status: TestStatus;
-    duration: number;
-    errorMessage?: string;
-    stackTrace?: string;
-    file?: string;
-    line?: number;
-}
-export interface TestSuite {
-    id: string;
-    name: string;
-    file?: string;
-    tests: TestCase[];
-    duration: number;
-    timestamp?: Date;
-}
-export interface CoverageReport {
-    lines: {
-        covered: number;
-        total: number;
-        percentage: number;
-    };
-    branches: {
-        covered: number;
-        total: number;
-        percentage: number;
-    };
-    functions: {
-        covered: number;
-        total: number;
-        percentage: number;
-    };
-    statements: {
-        covered: number;
-        total: number;
-        percentage: number;
-    };
-}
-export interface WakaTestReportProps {
-    /** Test suites */
-    suites: TestSuite[];
-    /** Coverage report */
-    coverage?: CoverageReport;
-    /** Title */
-    title?: string;
-    /** Callback when clicking on a test */
-    onTestClick?: (test: TestCase) => void;
-    /** Callback when viewing test file */
-    onViewFile?: (file: string, line?: number) => void;
-    /** Show only failed tests */
-    showFailedOnly?: boolean;
-    /** Custom class name */
-    className?: string;
-}
-export declare function WakaTestReport({ suites, coverage, title, onTestClick, onViewFile, showFailedOnly, className, }: WakaTestReportProps): import("react/jsx-runtime").JSX.Element;
-export declare const defaultTestSuites: TestSuite[];
-export declare const defaultCoverage: CoverageReport;

package/dist/src/components/waka-theme-creator/index.d.ts

@@ -1,59 +0,0 @@
-export interface ThemeVersion {
-    version: string;
-    createdAt: Date;
-    createdBy?: string;
-    changelog?: string;
-    css: string;
-}
-export interface ThemeMetadata {
-    id: string;
-    label: string;
-    description?: string;
-    previewColor?: string;
-    author?: string;
-    versions: ThemeVersion[];
-    currentVersion: string;
-}
-export interface S3UploadConfig {
-    /** URL de base du bucket S3 */
-    baseUrl: string;
-    /** Méthode HTTP pour l'upload (PUT ou POST) */
-    method?: "PUT" | "POST";
-    /** Headers personnalisés pour l'authentification */
-    headers?: Record<string, string>;
-    /** Préfixe des fichiers */
-    prefix?: string;
-    /** Extension des fichiers */
-    extension?: string;
-}
-export interface WakaThemeCreatorProps {
-    /** Configuration S3 pour l'upload */
-    s3Config: S3UploadConfig;
-    /** Callback après sauvegarde réussie */
-    onSave?: (theme: ThemeMetadata) => void;
-    /** Callback après suppression */
-    onDelete?: (themeId: string) => void;
-    /** Callback pour charger un thème depuis S3 */
-    onLoadTheme?: (themeId: string) => Promise<ThemeMetadata | null>;
-    /** Thèmes existants à charger */
-    existingThemes?: ThemeMetadata[];
-    /** Classe CSS personnalisée */
-    className?: string;
-}
-/**
- * WakaThemeCreator
- *
- * Composant d'administration pour créer, prévisualiser et publier des thèmes TweakCN sur S3.
- *
- * Features:
- * - Création de thèmes avec CSS TweakCN
- * - Prévisualisation en temps réel
- * - Gestion des versions
- * - Upload sur S3/MinIO
- * - Historique des modifications
- * - Validation du CSS
- */
-export declare function WakaThemeCreator({ s3Config, onSave, onDelete, onLoadTheme, existingThemes, className, }: WakaThemeCreatorProps): import("react/jsx-runtime").JSX.Element;
-export declare namespace WakaThemeCreator {
-    var displayName: string;
-}

package/dist/src/components/waka-theme-manager/index.d.ts

@@ -1,62 +0,0 @@
-import { VariantProps } from 'class-variance-authority';
-import * as React from "react";
-declare const themeManagerVariants: (props?: ({
-    size?: "base" | "sm" | "lg" | "full" | null | undefined;
-} & import('class-variance-authority/dist/types').ClassProp) | undefined) => string;
-export interface TweakCNTheme {
-    name: string;
-    description?: string;
-    author?: string;
-    version?: string;
-    colors: {
-        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;
-    };
-}
-export interface WakaThemeManagerProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof themeManagerVariants> {
-    onThemeChange?: (theme: TweakCNTheme) => void;
-    onThemeLoad?: (theme: TweakCNTheme) => void;
-    onThemeSave?: (theme: TweakCNTheme) => void;
-    initialTheme?: TweakCNTheme;
-    showPreview?: boolean;
-    showExport?: boolean;
-    showImport?: boolean;
-    allowCustomColors?: boolean;
-}
-/**
- * WakaThemeManager - Gestionnaire complet de thèmes TweakCN
- *
- * @example
- * ```tsx
- * <WakaThemeManager
- *   onThemeChange={(theme) => console.log('Theme changed:', theme)}
- *   showPreview={true}
- *   showExport={true}
- *   showImport={true}
- * />
- * ```
- */
-declare const WakaThemeManager: React.ForwardRefExoticComponent<WakaThemeManagerProps & React.RefAttributes<HTMLDivElement>>;
-export { WakaThemeManager, themeManagerVariants };