@raptortrade/ui 0.1.0

package/dist/index.d.ts

@@ -0,0 +1,298 @@
+import * as React from 'react';
+import { ReactNode, ButtonHTMLAttributes, InputHTMLAttributes, SelectHTMLAttributes } from 'react';
+import * as AccordionPrimitive from '@radix-ui/react-accordion';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare const Accordion: React.ForwardRefExoticComponent<(AccordionPrimitive.AccordionSingleProps | AccordionPrimitive.AccordionMultipleProps) & React.RefAttributes<HTMLDivElement>>;
+declare const AccordionItem: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const AccordionTrigger: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const AccordionContent: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+
+type AccordionProps = React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Root>;
+type AccordionItemProps = React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Item>;
+type AccordionTriggerProps = React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Trigger>;
+type AccordionContentProps = React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Content>;
+
+type BadgeVariant = "active" | "inactive" | "coming-soon" | "default" | "signal" | "success" | "danger" | "warning" | "error" | "outline";
+interface BadgeProps {
+    variant?: BadgeVariant;
+    children: ReactNode;
+    className?: string;
+    onClick?: () => void;
+}
+declare function Badge({ variant, children, className, onClick }: BadgeProps): react_jsx_runtime.JSX.Element;
+
+type ButtonVariant = "primary" | "secondary" | "ghost" | "danger" | "destructive" | "link";
+type ButtonSize = "sm" | "md" | "lg" | "icon";
+interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    variant?: ButtonVariant;
+    size?: ButtonSize;
+}
+declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+
+interface CardProps {
+    children: ReactNode;
+    className?: string;
+}
+declare function Card({ children, className }: CardProps): react_jsx_runtime.JSX.Element;
+declare function CardHeader({ children, className }: CardProps): react_jsx_runtime.JSX.Element;
+declare function CardTitle({ children, className }: {
+    children: ReactNode;
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+declare function CardDescription({ children, className }: {
+    children: ReactNode;
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+declare function CardContent({ children, className }: {
+    children: ReactNode;
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+declare function CardFooter({ children, className }: {
+    children: ReactNode;
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+
+interface ChipProps {
+    active: boolean;
+    onClick: () => void;
+    children: ReactNode;
+    className?: string;
+}
+declare function Chip({ active, onClick, children, className }: ChipProps): react_jsx_runtime.JSX.Element;
+
+interface ChipGroupOption {
+    value: string;
+    label: string;
+}
+interface ChipGroupBaseProps {
+    options: ChipGroupOption[];
+    className?: string;
+}
+interface ChipGroupSingleProps extends ChipGroupBaseProps {
+    multiple?: false;
+    value: string;
+    onChange: (value: string) => void;
+}
+interface ChipGroupMultipleProps extends ChipGroupBaseProps {
+    multiple: true;
+    value: string[];
+    onChange: (value: string[]) => void;
+}
+type ChipGroupProps = ChipGroupSingleProps | ChipGroupMultipleProps;
+declare function ChipGroup(props: ChipGroupProps): react_jsx_runtime.JSX.Element;
+
+interface CodeBlockProps {
+    code: string;
+    language?: string;
+    showCopy?: boolean;
+    className?: string;
+}
+declare function CodeBlock({ code, language, showCopy, className }: CodeBlockProps): react_jsx_runtime.JSX.Element;
+
+interface CopyButtonProps {
+    text: string;
+    className?: string;
+    label?: string;
+    onCopy?: () => void;
+}
+declare function CopyButton({ text, className, label, onCopy }: CopyButtonProps): react_jsx_runtime.JSX.Element;
+
+interface DialogProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    children: ReactNode;
+}
+declare function Dialog({ open, onOpenChange, children }: DialogProps): react_jsx_runtime.JSX.Element | null;
+interface DialogContentProps {
+    className?: string;
+    children: ReactNode;
+}
+declare const DialogContent: React.ForwardRefExoticComponent<DialogContentProps & React.RefAttributes<HTMLDivElement>>;
+declare function DialogHeader({ children, className }: {
+    children: ReactNode;
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+declare const DialogTitle: React.ForwardRefExoticComponent<{
+    children: ReactNode;
+    className?: string;
+} & React.RefAttributes<HTMLHeadingElement>>;
+declare const DialogDescription: React.ForwardRefExoticComponent<{
+    children: ReactNode;
+    className?: string;
+} & React.RefAttributes<HTMLParagraphElement>>;
+declare const DialogClose: React.ForwardRefExoticComponent<ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;
+declare function DialogFooter({ children, className }: {
+    children: ReactNode;
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+
+interface EmptyStateProps {
+    icon?: ReactNode;
+    title: string;
+    description?: string;
+    action?: ReactNode;
+}
+declare function EmptyState({ icon, title, description, action }: EmptyStateProps): react_jsx_runtime.JSX.Element;
+
+interface InputProps extends InputHTMLAttributes<HTMLInputElement> {
+    label?: string;
+    error?: string;
+}
+declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
+
+interface KbdProps {
+    children: ReactNode;
+    className?: string;
+}
+declare function Kbd({ children, className }: KbdProps): react_jsx_runtime.JSX.Element;
+
+interface LoadingProps {
+    text?: string;
+    className?: string;
+}
+declare function Loading({ text, className }: LoadingProps): react_jsx_runtime.JSX.Element;
+
+interface ModalProps {
+    open: boolean;
+    onClose: () => void;
+    title: string;
+    children: ReactNode;
+    className?: string;
+}
+declare function Modal({ open, onClose, title, children, className }: ModalProps): react_jsx_runtime.JSX.Element | null;
+
+interface NavTabItem {
+    label: string;
+    href: string;
+    isActive?: boolean;
+}
+interface NavTabsProps {
+    items: NavTabItem[];
+    variant?: "underline" | "pill";
+    className?: string;
+    renderLink?: (props: {
+        href: string;
+        className: string;
+        children: ReactNode;
+    }) => ReactNode;
+}
+declare function NavTabs({ items, variant, className, renderLink }: NavTabsProps): react_jsx_runtime.JSX.Element;
+
+interface SectionHeaderProps {
+    title: string;
+    badge?: ReactNode;
+    className?: string;
+}
+declare function SectionHeader({ title, badge, className }: SectionHeaderProps): react_jsx_runtime.JSX.Element;
+
+interface SelectOption {
+    value: string;
+    label: string;
+}
+interface SelectProps extends SelectHTMLAttributes<HTMLSelectElement> {
+    label?: string;
+    options: SelectOption[];
+}
+declare const Select: React.ForwardRefExoticComponent<SelectProps & React.RefAttributes<HTMLSelectElement>>;
+
+interface SidePanelProps {
+    open: boolean;
+    onClose: () => void;
+    title: string;
+    subtitle?: string;
+    children: ReactNode;
+    className?: string;
+}
+declare function SidePanel({ open, onClose, title, subtitle, children, className }: SidePanelProps): react_jsx_runtime.JSX.Element | null;
+
+interface SeparatorProps {
+    className?: string;
+}
+declare function Separator({ className }: SeparatorProps): react_jsx_runtime.JSX.Element;
+
+interface SkeletonProps {
+    className?: string;
+}
+declare function Skeleton({ className }: SkeletonProps): react_jsx_runtime.JSX.Element;
+
+interface SkeletonTableProps {
+    className?: string;
+    rows?: number;
+    cols?: number;
+}
+declare function SkeletonTable({ className, rows, cols }: SkeletonTableProps): react_jsx_runtime.JSX.Element;
+
+interface SparklineProps {
+    trend: number[];
+    className?: string;
+}
+declare function Sparkline({ trend, className }: SparklineProps): react_jsx_runtime.JSX.Element;
+
+interface SpinnerProps {
+    size?: "sm" | "md" | "lg";
+    className?: string;
+}
+declare function Spinner({ size, className }: SpinnerProps): react_jsx_runtime.JSX.Element;
+
+type StatusDot = "success" | "warning" | "danger" | "idle";
+interface StatusBarItem {
+    dot?: StatusDot;
+    label: string;
+}
+interface StatusBarProps {
+    items: StatusBarItem[];
+    trailing?: ReactNode;
+    className?: string;
+}
+declare function StatusBar({ items, trailing, className }: StatusBarProps): react_jsx_runtime.JSX.Element;
+
+interface TableProps {
+    children: ReactNode;
+    className?: string;
+}
+declare function Table({ children, className }: TableProps): react_jsx_runtime.JSX.Element;
+declare function TableHead({ children }: {
+    children: ReactNode;
+}): react_jsx_runtime.JSX.Element;
+interface TableHeaderProps {
+    children?: ReactNode;
+    className?: string;
+    onClick?: () => void;
+}
+declare function TableHeader({ children, className, onClick }: TableHeaderProps): react_jsx_runtime.JSX.Element;
+declare function TableBody({ children }: {
+    children: ReactNode;
+}): react_jsx_runtime.JSX.Element;
+interface TableRowProps {
+    children: ReactNode;
+    className?: string;
+    onClick?: () => void;
+}
+declare function TableRow({ children, className, onClick }: TableRowProps): react_jsx_runtime.JSX.Element;
+declare function TableCell({ children, className }: {
+    children: ReactNode;
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+
+interface Tab {
+    value: string;
+    label: string;
+}
+interface TabsProps {
+    tabs: Tab[];
+    value: string;
+    onChange: (value: string) => void;
+    className?: string;
+}
+declare function Tabs({ tabs, value, onChange, className }: TabsProps): react_jsx_runtime.JSX.Element;
+
+interface ToggleProps {
+    options: [string, string];
+    value: string;
+    onChange: (value: string) => void;
+    className?: string;
+}
+declare function Toggle({ options, value, onChange, className }: ToggleProps): react_jsx_runtime.JSX.Element;
+
+export { Accordion, AccordionContent, type AccordionContentProps, AccordionItem, type AccordionItemProps, type AccordionProps, AccordionTrigger, type AccordionTriggerProps, Badge, type BadgeProps, Button, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, type CardProps, CardTitle, Chip, ChipGroup, type ChipGroupOption, type ChipGroupProps, type ChipProps, CodeBlock, type CodeBlockProps, CopyButton, type CopyButtonProps, Dialog, DialogClose, DialogContent, type DialogContentProps, DialogDescription, DialogFooter, DialogHeader, type DialogProps, DialogTitle, EmptyState, type EmptyStateProps, Input, type InputProps, Kbd, type KbdProps, Loading, type LoadingProps, Modal, type ModalProps, type NavTabItem, NavTabs, type NavTabsProps, SectionHeader, type SectionHeaderProps, Select, type SelectOption, type SelectProps, Separator, type SeparatorProps, SidePanel, type SidePanelProps, Skeleton, type SkeletonProps, SkeletonTable, type SkeletonTableProps, Sparkline, type SparklineProps, Spinner, type SpinnerProps, StatusBar, type StatusBarItem, type StatusBarProps, type Tab, Table, TableBody, TableCell, TableHead, TableHeader, type TableHeaderProps, type TableProps, TableRow, type TableRowProps, Tabs, type TabsProps, Toggle, type ToggleProps };