reend-components 0.3.0 → 1.0.0

package/dist/lib/index.d.ts

@@ -27,6 +27,20 @@ export declare const AccordionItem: React_2.ForwardRefExoticComponent<Omit<Accor
 
 export declare const AccordionTrigger: React_2.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionTriggerProps & React_2.RefAttributes<HTMLButtonElement>, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;
 
+export declare const Alert: React_2.ForwardRefExoticComponent<AlertProps & React_2.RefAttributes<HTMLDivElement>>;
+
+declare interface AlertProps extends React_2.HTMLAttributes<HTMLDivElement>, VariantProps<typeof alertVariants> {
+    variant?: "info" | "success" | "warning" | "error";
+    title?: string;
+    dismissible?: boolean;
+    onDismiss?: () => void;
+    icon?: React_2.ReactNode;
+}
+
+export declare const alertVariants: (props?: ({
+    variant?: "info" | "success" | "warning" | "error" | null | undefined;
+} & ClassProp) | undefined) => string;
+
 export declare const Avatar: React_2.ForwardRefExoticComponent<AvatarProps & React_2.RefAttributes<HTMLSpanElement>>;
 
 export declare const AvatarFallback: React_2.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarFallbackProps & React_2.RefAttributes<HTMLSpanElement>, "ref"> & React_2.RefAttributes<HTMLSpanElement>>;
@@ -60,6 +74,18 @@ export declare const badgeVariants: (props?: ({
     variant?: "default" | "primary" | "danger" | "info" | "success" | "warning" | "purple" | null | undefined;
 } & ClassProp) | undefined) => string;
 
+export declare const Breadcrumb: React_2.ForwardRefExoticComponent<BreadcrumbProps & React_2.RefAttributes<HTMLElement>>;
+
+export declare interface BreadcrumbItemData {
+    label: string;
+    href?: string;
+}
+
+export declare interface BreadcrumbProps extends React_2.HTMLAttributes<HTMLElement> {
+    items: BreadcrumbItemData[];
+    separator?: React_2.ReactNode;
+}
+
 export declare const Button: React_2.ForwardRefExoticComponent<ButtonProps & React_2.RefAttributes<HTMLButtonElement>>;
 
 declare interface ButtonProps extends React_2.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
@@ -122,6 +148,18 @@ declare interface CheckboxProps extends React_2.ComponentPropsWithoutRef<typeof
 
 export declare function cn(...inputs: ClassValue[]): string;
 
+export declare const CommandOutput: React_2.ForwardRefExoticComponent<CommandOutputProps & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare interface CommandOutputProps extends React_2.HTMLAttributes<HTMLDivElement> {
+    entries: LogEntry[];
+    showHeader?: boolean;
+    headerText?: string;
+    showCursor?: boolean;
+    autoScroll?: boolean;
+    maxHeight?: string;
+    showTimestamp?: boolean;
+}
+
 export declare const CoordinateTag: React_2.ForwardRefExoticComponent<CoordinateTagProps & React_2.RefAttributes<HTMLDivElement>>;
 
 export declare interface CoordinateTagProps {
@@ -131,11 +169,32 @@ export declare interface CoordinateTagProps {
     className?: string;
 }
 
+declare const countdownDigitVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & ClassProp) | undefined) => string;
+
+export declare const CountdownTimer: React_2.ForwardRefExoticComponent<CountdownTimerProps & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare interface CountdownTimerProps extends React_2.HTMLAttributes<HTMLDivElement>, VariantProps<typeof countdownDigitVariants> {
+    targetDate?: string;
+    seconds?: number;
+    onComplete?: () => void;
+    label?: string;
+    autoHideZero?: boolean;
+    showDays?: boolean;
+}
+
 export declare const DataStream: React_2.ForwardRefExoticComponent<DataStreamProps & React_2.RefAttributes<HTMLDivElement>>;
 
-export declare interface DataStreamProps {
-    messages?: string[];
-    className?: string;
+export declare type DataStreamMessage = string | {
+    text: string;
+    type?: "system" | "data" | "warning" | "classified";
+};
+
+export declare interface DataStreamProps extends Omit<React_2.HTMLAttributes<HTMLDivElement>, "children"> {
+    messages?: DataStreamMessage[];
+    speed?: 1 | 2 | 3 | 4 | 5;
+    messageType?: MessageColorMode;
 }
 
 export declare const Dialog: React_2.FC<DialogPrimitive.DialogProps>;
@@ -181,11 +240,43 @@ export declare interface DiamondLoaderProps {
     className?: string;
 }
 
+export declare const EmptyState: React_2.ForwardRefExoticComponent<EmptyStateProps & React_2.RefAttributes<HTMLDivElement>>;
+
+declare interface EmptyStateProps extends React_2.HTMLAttributes<HTMLDivElement>, VariantProps<typeof emptyStateVariants> {
+    icon?: React_2.ReactNode;
+    title?: string;
+    description?: string;
+    action?: React_2.ReactNode;
+    variant?: "default" | "search" | "error" | "permission" | "empty";
+}
+
+export declare const emptyStateVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & ClassProp) | undefined) => string;
+
+export declare const FrequencyBars: React_2.ForwardRefExoticComponent<FrequencyBarsProps & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare interface FrequencyBarsProps extends Omit<React_2.HTMLAttributes<HTMLDivElement>, "color">, VariantProps<typeof frequencyBarsVariants> {
+    barCount?: number;
+    barWidth?: number;
+    height?: number;
+    speed?: "slow" | "medium" | "fast";
+    paused?: boolean;
+}
+
+export declare const frequencyBarsVariants: (props?: ({
+    color?: "muted" | "primary" | "danger" | "info" | "success" | null | undefined;
+} & ClassProp) | undefined) => string;
+
+export declare type GlitchIntensity = "low" | "medium" | "high";
+
 export declare const GlitchText: React_2.ForwardRefExoticComponent<GlitchTextProps & React_2.RefAttributes<HTMLSpanElement>>;
 
-export declare interface GlitchTextProps {
+export declare interface GlitchTextProps extends Omit<React_2.HTMLAttributes<HTMLSpanElement>, "children"> {
     children: string;
-    className?: string;
+    intensity?: GlitchIntensity;
+    continuous?: boolean;
+    continuousInterval?: number;
 }
 
 export declare const HelperText: React_2.ForwardRefExoticComponent<HelperTextProps & React_2.RefAttributes<HTMLParagraphElement>>;
@@ -206,14 +297,16 @@ export declare interface HoloCardProps {
 
 export declare const HUDOverlay: React_2.ForwardRefExoticComponent<HUDOverlayProps & React_2.RefAttributes<HTMLDivElement>>;
 
-export declare interface HUDOverlayProps {
+export declare interface HUDOverlayProps extends React_2.HTMLAttributes<HTMLDivElement> {
     children?: React_2.ReactNode;
     systemLabel?: string;
     lat?: string;
     lon?: string;
     showCoords?: boolean;
     showCrosshair?: boolean;
-    className?: string;
+    showScanlines?: boolean;
+    showNoise?: boolean;
+    bracketSize?: "sm" | "md" | "lg";
 }
 
 export declare const Input: React_2.ForwardRefExoticComponent<InputProps & React_2.RefAttributes<HTMLInputElement>>;
@@ -232,6 +325,107 @@ export declare const inputWrapperVariants: (props?: ({
 
 export declare const Label: React_2.ForwardRefExoticComponent<React_2.LabelHTMLAttributes<HTMLLabelElement> & React_2.RefAttributes<HTMLLabelElement>>;
 
+export declare interface LogEntry {
+    id?: string | number;
+    level: LogLevel;
+    message: string;
+    timestamp?: string;
+}
+
+export declare type LogLevel = "system" | "info" | "success" | "warning" | "error";
+
+export declare const MatrixGrid: React_2.ForwardRefExoticComponent<MatrixGridProps & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare interface MatrixGridProps extends React_2.HTMLAttributes<HTMLDivElement> {
+    cols?: number;
+    rows?: number;
+    dotSize?: number;
+    gap?: number;
+    activeColor?: string;
+    activeProbability?: number;
+    intervalMs?: number;
+    static?: boolean;
+}
+
+declare type MessageColorMode = "mono" | "classified" | "transmission";
+
+export declare const MissionCard: React_2.ForwardRefExoticComponent<MissionCardProps & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare interface MissionCardProps extends React_2.HTMLAttributes<HTMLDivElement>, Omit<VariantProps<typeof missionCardVariants>, "clickable"> {
+    title: string;
+    missionId?: string;
+    description?: string;
+    status?: MissionStatus;
+    priority?: MissionPriority;
+    date?: string;
+    progress?: number;
+    tags?: string[];
+}
+
+export declare const missionCardVariants: (props?: ({
+    priority?: "high" | "low" | "medium" | "critical" | null | undefined;
+    status?: "completed" | "active" | "classified" | "failed" | "pending" | null | undefined;
+    clickable?: boolean | null | undefined;
+} & ClassProp) | undefined) => string;
+
+export declare type MissionPriority = keyof typeof PRIORITY_CONFIG;
+
+export declare type MissionStatus = keyof typeof STATUS_CONFIG;
+
+export declare const NumberInput: React_2.ForwardRefExoticComponent<NumberInputProps & React_2.RefAttributes<HTMLInputElement>>;
+
+export declare interface NumberInputProps extends Omit<React_2.InputHTMLAttributes<HTMLInputElement>, "type" | "onChange" | "value" | "defaultValue" | "size">, VariantProps<typeof numberInputVariants> {
+    value?: number;
+    defaultValue?: number;
+    onChange?: (value: number) => void;
+    min?: number;
+    max?: number;
+    step?: number;
+    size?: "sm" | "md" | "lg";
+}
+
+export declare const numberInputVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & ClassProp) | undefined) => string;
+
+export declare const OperatorCard: React_2.ForwardRefExoticComponent<OperatorCardProps & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare interface OperatorCardProps extends React_2.HTMLAttributes<HTMLDivElement>, VariantProps<typeof operatorCardVariants> {
+    name: string;
+    operatorClass?: string;
+    rarity?: 1 | 2 | 3 | 4 | 5 | 6;
+    avatarSrc?: string;
+    initials?: string;
+    stats?: OperatorStat[];
+    faction?: string;
+    tags?: string[];
+}
+
+export declare const operatorCardVariants: (props?: ({
+    size?: "default" | "compact" | null | undefined;
+} & ClassProp) | undefined) => string;
+
+export declare interface OperatorStat {
+    label: string;
+    value: number;
+    max?: number;
+    color?: "default" | "success" | "danger" | "info";
+}
+
+export declare const Pagination: React_2.ForwardRefExoticComponent<PaginationProps & React_2.RefAttributes<HTMLElement>>;
+
+export declare const paginationItemVariants: (props?: ({
+    active?: boolean | null | undefined;
+    disabled?: boolean | null | undefined;
+} & ClassProp) | undefined) => string;
+
+export declare interface PaginationProps extends React_2.HTMLAttributes<HTMLElement> {
+    totalPages: number;
+    currentPage: number;
+    onPageChange: (page: number) => void;
+    siblingCount?: number;
+}
+
 export declare const Popover: React_2.FC<PopoverPrimitive.PopoverProps>;
 
 export declare const PopoverAnchor: React_2.ForwardRefExoticComponent<PopoverPrimitive.PopoverAnchorProps & React_2.RefAttributes<HTMLDivElement>>;
@@ -240,6 +434,25 @@ export declare const PopoverContent: React_2.ForwardRefExoticComponent<Omit<Popo
 
 export declare const PopoverTrigger: React_2.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React_2.RefAttributes<HTMLButtonElement>>;
 
+declare const PRIORITY_CONFIG: {
+    readonly low: {
+        readonly label: "LOW";
+        readonly cls: "text-muted-foreground";
+    };
+    readonly medium: {
+        readonly label: "MEDIUM";
+        readonly cls: "text-ef-blue";
+    };
+    readonly high: {
+        readonly label: "HIGH";
+        readonly cls: "text-ef-orange";
+    };
+    readonly critical: {
+        readonly label: "CRITICAL";
+        readonly cls: "text-destructive";
+    };
+};
+
 export declare const Progress: React_2.ForwardRefExoticComponent<ProgressProps & React_2.RefAttributes<HTMLDivElement>>;
 
 export declare const progressFillVariants: (props?: ({
@@ -255,6 +468,12 @@ export declare const progressTrackVariants: (props?: ({
     size?: "sm" | "md" | "lg" | null | undefined;
 } & ClassProp) | undefined) => string;
 
+export declare interface RadarAxisConfig {
+    label: string;
+    min?: number;
+    max?: number;
+}
+
 export declare const RadarChart: React_2.ForwardRefExoticComponent<RadarChartProps & React_2.RefAttributes<HTMLDivElement>>;
 
 export declare interface RadarChartDataPoint {
@@ -262,11 +481,20 @@ export declare interface RadarChartDataPoint {
     value: number;
 }
 
-export declare interface RadarChartProps {
-    data: RadarChartDataPoint[];
-    size?: number;
+export declare interface RadarChartProps extends Omit<React_2.HTMLAttributes<HTMLDivElement>, "color"> {
+    data?: RadarChartDataPoint[];
     color?: "primary" | "cyan";
-    className?: string;
+    axes?: RadarAxisConfig[];
+    datasets?: RadarDataset[];
+    showLegend?: boolean;
+    size?: number;
+}
+
+export declare interface RadarDataset {
+    label?: string;
+    values: number[];
+    color?: string;
+    fillOpacity?: number;
 }
 
 export declare const RadioGroup: React_2.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
@@ -319,8 +547,99 @@ export declare const separatorVariants: (props?: ({
     orientation?: "horizontal" | "vertical" | null | undefined;
 } & ClassProp) | undefined) => string;
 
+export declare const SkeletonAvatar: React_2.ForwardRefExoticComponent<SkeletonAvatarProps & React_2.RefAttributes<HTMLDivElement>>;
+
+declare interface SkeletonAvatarProps extends React_2.HTMLAttributes<HTMLDivElement> {
+    size?: keyof typeof skeletonAvatarSizes;
+}
+
+declare const skeletonAvatarSizes: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+};
+
+export declare const SkeletonCard: React_2.ForwardRefExoticComponent<SkeletonCardProps & React_2.RefAttributes<HTMLDivElement>>;
+
+declare interface SkeletonCardProps extends React_2.HTMLAttributes<HTMLDivElement> {
+    showAvatar?: boolean;
+    lines?: number;
+}
+
+export declare const SkeletonLine: React_2.ForwardRefExoticComponent<SkeletonLineProps & React_2.RefAttributes<HTMLDivElement>>;
+
+declare interface SkeletonLineProps extends React_2.HTMLAttributes<HTMLDivElement>, VariantProps<typeof skeletonLineVariants> {
+}
+
+export declare const skeletonLineVariants: (props?: ({
+    width?: "full" | "3/4" | "1/2" | "1/3" | "1/4" | null | undefined;
+    height?: "xs" | "sm" | "md" | "lg" | null | undefined;
+} & ClassProp) | undefined) => string;
+
+export declare const SkeletonText: React_2.ForwardRefExoticComponent<SkeletonTextProps & React_2.RefAttributes<HTMLDivElement>>;
+
+declare interface SkeletonTextProps extends React_2.HTMLAttributes<HTMLDivElement> {
+    lines?: number;
+}
+
 export declare const SonnerToaster: ({ theme, ...props }: ToasterProps) => JSX_2.Element;
 
+declare const STATUS_CONFIG: {
+    readonly active: {
+        readonly label: "ACTIVE";
+        readonly cls: "text-ef-green   border-ef-green/40   bg-ef-green/10";
+    };
+    readonly completed: {
+        readonly label: "COMPLETED";
+        readonly cls: "text-muted-foreground border-white/20 bg-white/5";
+    };
+    readonly failed: {
+        readonly label: "FAILED";
+        readonly cls: "text-destructive border-destructive/40 bg-destructive/10";
+    };
+    readonly pending: {
+        readonly label: "PENDING";
+        readonly cls: "text-ef-orange  border-ef-orange/40  bg-ef-orange/10";
+    };
+    readonly classified: {
+        readonly label: "CLASSIFIED";
+        readonly cls: "text-primary    border-primary/40    bg-primary/10";
+    };
+};
+
+export declare const StatusBar: React_2.ForwardRefExoticComponent<StatusBarProps & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const statusBarContainerVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & ClassProp) | undefined) => string;
+
+export declare interface StatusBarProps extends React_2.HTMLAttributes<HTMLDivElement>, VariantProps<typeof statusBarContainerVariants>, VariantProps<typeof statusBarSegmentVariants> {
+    value: number;
+    max?: number;
+    segments?: number;
+    label?: string;
+    showValue?: boolean;
+}
+
+export declare const statusBarSegmentVariants: (props?: ({
+    variant?: "health" | "energy" | "shield" | "experience" | null | undefined;
+} & ClassProp) | undefined) => string;
+
+export declare interface StepItem {
+    label: string;
+    description?: string;
+}
+
+export declare const Stepper: React_2.ForwardRefExoticComponent<StepperProps & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare interface StepperProps extends React_2.HTMLAttributes<HTMLDivElement> {
+    steps: StepItem[];
+    currentStep: number;
+    orientation?: "horizontal" | "vertical";
+}
+
 export declare const Switch: React_2.ForwardRefExoticComponent<SwitchProps & React_2.RefAttributes<HTMLButtonElement>>;
 
 declare interface SwitchProps extends React_2.ComponentPropsWithoutRef<typeof SwitchPrimitive.Root> {
@@ -362,11 +681,42 @@ export declare const tacticalBadgeVariants: (props?: ({
 
 export declare const TacticalPanel: React_2.ForwardRefExoticComponent<TacticalPanelProps & React_2.RefAttributes<HTMLDivElement>>;
 
-export declare interface TacticalPanelProps {
+export declare interface TacticalPanelProps extends React_2.HTMLAttributes<HTMLDivElement> {
     title: string;
     status?: "online" | "warning" | "offline" | "scanning";
-    children: React_2.ReactNode;
-    className?: string;
+    headerAction?: React_2.ReactNode;
+    collapsible?: boolean;
+    defaultCollapsed?: boolean;
+    collapsed?: boolean;
+    onCollapseChange?: (collapsed: boolean) => void;
+}
+
+export declare const TacticalTable: <T extends Record<string, unknown>>(props: TacticalTableProps<T> & {
+    ref?: React_2.ForwardedRef<HTMLDivElement>;
+}) => React_2.ReactElement;
+
+export declare interface TacticalTableColumn<T> {
+    key: keyof T & string;
+    header: string;
+    sortable?: boolean;
+    cell?: (row: T, rowIndex: number) => React_2.ReactNode;
+    width?: string;
+    align?: "left" | "center" | "right";
+}
+
+export declare interface TacticalTableProps<T extends Record<string, unknown>> extends React_2.HTMLAttributes<HTMLDivElement> {
+    columns: TacticalTableColumn<T>[];
+    data: T[];
+    sortKey?: keyof T & string;
+    sortDirection?: "asc" | "desc";
+    onSort?: (key: keyof T & string) => void;
+    selectable?: boolean;
+    selectedIndices?: number[];
+    onRowClick?: (row: T, index: number) => void;
+    loading?: boolean;
+    skeletonRows?: number;
+    emptyState?: React_2.ReactNode;
+    caption?: string;
 }
 
 export declare const Textarea: React_2.ForwardRefExoticComponent<TextareaProps & React_2.RefAttributes<HTMLTextAreaElement>>;
@@ -380,6 +730,25 @@ export declare const textareaVariants: (props?: ({
     state?: "default" | "success" | "error" | null | undefined;
 } & ClassProp) | undefined) => string;
 
+export declare const Timeline: React_2.ForwardRefExoticComponent<TimelineProps & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const TimelineItem: React_2.ForwardRefExoticComponent<TimelineItemProps & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare interface TimelineItemProps extends React_2.HTMLAttributes<HTMLDivElement> {
+    date?: string;
+    title: string;
+    description?: string;
+    status?: "complete" | "current" | "upcoming";
+}
+
+export declare const timelineItemVariants: (props?: ({
+    status?: "current" | "complete" | "upcoming" | null | undefined;
+} & ClassProp) | undefined) => string;
+
+export declare interface TimelineProps extends React_2.HTMLAttributes<HTMLDivElement> {
+    items?: TimelineItemProps[];
+}
+
 export declare const Toast: React_2.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastProps & React_2.RefAttributes<HTMLLIElement>, "ref"> & VariantProps<(props?: ({
     variant?: "default" | "destructive" | null | undefined;
 } & ClassProp) | undefined) => string> & React_2.RefAttributes<HTMLLIElement>>;