@beyondcorp/beyond-ui 1.0.4 → 1.0.6

package/dist/index.d.cts

@@ -0,0 +1,424 @@
+import * as class_variance_authority_dist_types from 'class-variance-authority/dist/types';
+import * as React$1 from 'react';
+import { VariantProps } from 'class-variance-authority';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ClassValue } from 'clsx';
+
+declare const buttonVariants: (props?: ({
+    variant?: "primary" | "secondary" | "danger" | "success" | "warning" | "outline" | "ghost" | "link" | null | undefined;
+    size?: "sm" | "md" | "lg" | "xl" | null | undefined;
+} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
+interface ButtonProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
+    asChild?: boolean;
+}
+declare const Button: React$1.ForwardRefExoticComponent<ButtonProps & React$1.RefAttributes<HTMLButtonElement>>;
+
+declare const inputVariants: (props?: ({
+    variant?: "success" | "default" | "error" | null | undefined;
+    inputSize?: "sm" | "md" | "lg" | null | undefined;
+} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
+interface InputProps extends React$1.InputHTMLAttributes<HTMLInputElement>, VariantProps<typeof inputVariants> {
+}
+declare const Input: React$1.ForwardRefExoticComponent<InputProps & React$1.RefAttributes<HTMLInputElement>>;
+
+declare const cardVariants: (props?: ({
+    variant?: "default" | "elevated" | "outlined" | null | undefined;
+    padding?: "sm" | "md" | "lg" | "none" | null | undefined;
+} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
+interface CardProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof cardVariants> {
+}
+declare const Card: React$1.ForwardRefExoticComponent<CardProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const CardHeader: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
+declare const CardTitle: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLHeadingElement> & React$1.RefAttributes<HTMLParagraphElement>>;
+declare const CardDescription: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLParagraphElement> & React$1.RefAttributes<HTMLParagraphElement>>;
+declare const CardContent: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
+declare const CardFooter: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
+
+declare const badgeVariants: (props?: ({
+    variant?: "secondary" | "danger" | "success" | "warning" | "outline" | "default" | null | undefined;
+} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
+interface BadgeProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
+}
+declare function Badge({ className, variant, ...props }: BadgeProps): react_jsx_runtime.JSX.Element;
+
+declare const alertVariants: (props?: ({
+    variant?: "danger" | "success" | "warning" | "default" | "info" | null | undefined;
+} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
+declare const Alert: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
+    variant?: "danger" | "success" | "warning" | "default" | "info" | null | undefined;
+} & class_variance_authority_dist_types.ClassProp) | undefined) => string> & React$1.RefAttributes<HTMLDivElement>>;
+declare const AlertTitle: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLHeadingElement> & React$1.RefAttributes<HTMLParagraphElement>>;
+declare const AlertDescription: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLParagraphElement> & React$1.RefAttributes<HTMLParagraphElement>>;
+
+declare const avatarVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | "xl" | null | undefined;
+} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
+declare const Avatar: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
+    size?: "sm" | "md" | "lg" | "xl" | null | undefined;
+} & class_variance_authority_dist_types.ClassProp) | undefined) => string> & React$1.RefAttributes<HTMLDivElement>>;
+declare const AvatarImage: React$1.ForwardRefExoticComponent<React$1.ImgHTMLAttributes<HTMLImageElement> & React$1.RefAttributes<HTMLImageElement>>;
+declare const AvatarFallback: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
+
+declare const spinnerVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | "xl" | null | undefined;
+    variant?: "primary" | "secondary" | "current" | "white" | null | undefined;
+} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
+interface SpinnerProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof spinnerVariants> {
+}
+declare const Spinner: React$1.ForwardRefExoticComponent<SpinnerProps & React$1.RefAttributes<HTMLDivElement>>;
+
+declare const skeletonVariants: (props?: ({
+    variant?: "default" | "darker" | null | undefined;
+} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
+interface SkeletonProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof skeletonVariants> {
+}
+declare const Skeleton: React$1.ForwardRefExoticComponent<SkeletonProps & React$1.RefAttributes<HTMLDivElement>>;
+
+declare const textareaVariants: (props?: ({
+    variant?: "success" | "default" | "error" | null | undefined;
+} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
+interface TextareaProps extends React$1.TextareaHTMLAttributes<HTMLTextAreaElement>, VariantProps<typeof textareaVariants> {
+}
+declare const Textarea: React$1.ForwardRefExoticComponent<TextareaProps & React$1.RefAttributes<HTMLTextAreaElement>>;
+
+declare const switchVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
+interface SwitchProps extends Omit<React$1.ButtonHTMLAttributes<HTMLButtonElement>, 'onChange'>, VariantProps<typeof switchVariants> {
+    checked?: boolean;
+    onCheckedChange?: (checked: boolean) => void;
+}
+declare const Switch: React$1.ForwardRefExoticComponent<SwitchProps & React$1.RefAttributes<HTMLButtonElement>>;
+
+declare const checkboxVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
+interface CheckboxProps extends Omit<React$1.InputHTMLAttributes<HTMLInputElement>, 'size'>, VariantProps<typeof checkboxVariants> {
+}
+declare const Checkbox: React$1.ForwardRefExoticComponent<CheckboxProps & React$1.RefAttributes<HTMLInputElement>>;
+
+declare const modalVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | "xl" | "full" | null | undefined;
+} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
+interface ModalProps extends VariantProps<typeof modalVariants> {
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    children: React$1.ReactNode;
+}
+declare const Modal: React$1.FC<ModalProps>;
+declare const ModalHeader: React$1.FC<React$1.HTMLAttributes<HTMLDivElement>>;
+declare const ModalTitle: React$1.FC<React$1.HTMLAttributes<HTMLHeadingElement>>;
+declare const ModalDescription: React$1.FC<React$1.HTMLAttributes<HTMLParagraphElement>>;
+declare const ModalContent: React$1.FC<React$1.HTMLAttributes<HTMLDivElement>>;
+declare const ModalFooter: React$1.FC<React$1.HTMLAttributes<HTMLDivElement>>;
+
+declare const toastVariants: (props?: ({
+    variant?: "success" | "warning" | "default" | "error" | "info" | null | undefined;
+} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
+interface ToastOptions {
+    variant?: VariantProps<typeof toastVariants>["variant"];
+    duration?: number;
+}
+declare const showToast: {
+    success: (message: string, options?: ToastOptions) => string;
+    error: (message: string, options?: ToastOptions) => string;
+    warning: (message: string, options?: ToastOptions) => string;
+    info: (message: string, options?: ToastOptions) => string;
+    default: (message: string, options?: ToastOptions) => string;
+};
+declare const Toast: React$1.FC;
+
+declare const tabsListVariants: (props?: ({
+    variant?: "default" | "pills" | "underline" | null | undefined;
+} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
+declare const tabsTriggerVariants: (props?: ({
+    variant?: "default" | "pills" | "underline" | null | undefined;
+} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
+interface TabsProps extends VariantProps<typeof tabsListVariants> {
+    value: string;
+    onValueChange: (value: string) => void;
+    children: React$1.ReactNode;
+    className?: string;
+}
+declare const Tabs: React$1.FC<TabsProps>;
+declare const TabsList: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
+interface TabsTriggerProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement> {
+    value: string;
+}
+declare const TabsTrigger: React$1.ForwardRefExoticComponent<TabsTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
+interface TabsContentProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    value: string;
+}
+declare const TabsContent: React$1.ForwardRefExoticComponent<TabsContentProps & React$1.RefAttributes<HTMLDivElement>>;
+
+declare const statsCardVariants: (props?: ({
+    variant?: "default" | "gradient" | null | undefined;
+    color?: "primary" | "secondary" | "danger" | "success" | "warning" | null | undefined;
+} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
+type TrendDirection = "up" | "down" | "neutral";
+interface StatsCardProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, "color">, VariantProps<typeof statsCardVariants> {
+    title: string;
+    value: string | number;
+    trend?: {
+        direction: TrendDirection;
+        value: string | number;
+        label?: string;
+    };
+    icon?: React$1.ReactNode;
+}
+declare const StatsCard: React$1.ForwardRefExoticComponent<StatsCardProps & React$1.RefAttributes<HTMLDivElement>>;
+
+declare const navbarVariants: (props?: ({
+    variant?: "default" | "transparent" | "dark" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
+interface NavbarProps extends React$1.HTMLAttributes<HTMLElement>, VariantProps<typeof navbarVariants> {
+    logo?: React$1.ReactNode;
+    children?: React$1.ReactNode;
+}
+declare const Navbar: React$1.ForwardRefExoticComponent<NavbarProps & React$1.RefAttributes<HTMLElement>>;
+declare const NavItem: React$1.ForwardRefExoticComponent<React$1.AnchorHTMLAttributes<HTMLAnchorElement> & React$1.RefAttributes<HTMLAnchorElement>>;
+
+declare const sidebarVariants: (props?: ({
+    collapsed?: boolean | null | undefined;
+} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
+interface MenuItem {
+    id: string;
+    label: string;
+    icon: React$1.ReactNode;
+    href?: string;
+    badge?: string;
+    children?: MenuItem[];
+}
+interface SidebarProps extends VariantProps<typeof sidebarVariants> {
+    className?: string;
+    onToggle?: () => void;
+    menuItems?: MenuItem[];
+    activeItem?: string;
+    onItemClick?: (itemId: string) => void;
+}
+declare const Sidebar: React$1.ForwardRefExoticComponent<SidebarProps & React$1.RefAttributes<HTMLDivElement>>;
+
+interface BreadcrumbItem {
+    label: string;
+    href?: string;
+}
+interface DashboardHeaderProps {
+    className?: string;
+    breadcrumbs?: BreadcrumbItem[];
+    onMenuToggle?: () => void;
+    sidebarCollapsed?: boolean;
+    showSearch?: boolean;
+    searchPlaceholder?: string;
+    onSearchChange?: (value: string) => void;
+}
+declare const DashboardHeader: React$1.ForwardRefExoticComponent<DashboardHeaderProps & React$1.RefAttributes<HTMLDivElement>>;
+
+interface DashboardLayoutProps {
+    children: React$1.ReactNode;
+    className?: string;
+    sidebarMenuItems?: MenuItem[];
+    activeSidebarItem?: string;
+    breadcrumbs?: BreadcrumbItem[];
+    onSidebarItemClick?: (itemId: string) => void;
+    showSearch?: boolean;
+    searchPlaceholder?: string;
+    onSearchChange?: (value: string) => void;
+    sidebarClassName?: string;
+    disableSidebarMargin?: boolean;
+}
+declare const DashboardLayout: React$1.ForwardRefExoticComponent<DashboardLayoutProps & React$1.RefAttributes<HTMLDivElement>>;
+
+declare const gridVariants: (props?: ({
+    columns?: 1 | 2 | 3 | 12 | 4 | 6 | null | undefined;
+} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
+declare const gridItemVariants: (props?: ({
+    colSpan?: 1 | 2 | 3 | 12 | 4 | 6 | null | undefined;
+    rowSpan?: 1 | 2 | 3 | 4 | null | undefined;
+} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
+interface DashboardGridProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof gridVariants> {
+}
+interface DashboardGridItemProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof gridItemVariants> {
+}
+declare const DashboardGrid: React$1.ForwardRefExoticComponent<DashboardGridProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const DashboardGridItem: React$1.ForwardRefExoticComponent<DashboardGridItemProps & React$1.RefAttributes<HTMLDivElement>>;
+
+interface Column<T = any> {
+    key: string;
+    title: string;
+    dataIndex: keyof T;
+    width?: number | string;
+    sortable?: boolean;
+    filterable?: boolean;
+    filterType?: 'text' | 'select' | 'date' | 'number';
+    filterOptions?: Array<{
+        label: string;
+        value: any;
+    }>;
+    render?: (value: any, record: T, index: number) => React.ReactNode;
+    align?: 'left' | 'center' | 'right';
+}
+interface FilterValue {
+    [key: string]: any;
+}
+interface SortConfig {
+    key: string;
+    direction: 'asc' | 'desc' | null;
+}
+interface PaginationConfig {
+    current: number;
+    pageSize: number;
+    total: number;
+    showSizeChanger?: boolean;
+    pageSizeOptions?: number[];
+    showQuickJumper?: boolean;
+}
+interface RowSelection<T = any> {
+    type?: 'checkbox' | 'radio';
+    selectedRowKeys?: React.Key[];
+    onChange?: (selectedRowKeys: React.Key[], selectedRows: T[]) => void;
+    getCheckboxProps?: (record: T) => {
+        disabled?: boolean;
+    };
+    onSelect?: (record: T, selected: boolean, selectedRows: T[], nativeEvent: Event) => void;
+    onSelectAll?: (selected: boolean, selectedRows: T[], changeRows: T[]) => void;
+}
+interface DataTableProps<T = any> {
+    columns: Column<T>[];
+    dataSource: T[];
+    loading?: boolean;
+    rowKey?: string | ((record: T) => React.Key);
+    pagination?: PaginationConfig | false;
+    rowSelection?: RowSelection<T>;
+    scroll?: {
+        x?: number | string;
+        y?: number | string;
+    };
+    size?: 'small' | 'middle' | 'large';
+    bordered?: boolean;
+    showHeader?: boolean;
+    title?: () => React.ReactNode;
+    footer?: () => React.ReactNode;
+    expandable?: {
+        expandedRowRender?: (record: T, index: number) => React.ReactNode;
+        rowExpandable?: (record: T) => boolean;
+    };
+    onRow?: (record: T, index?: number) => React.HTMLAttributes<HTMLTableRowElement>;
+    className?: string;
+    onSort?: (sortConfig: SortConfig) => void;
+    onFilter?: (filters: FilterValue) => void;
+    onChange?: (pagination: PaginationConfig, filters: FilterValue, sorter: SortConfig) => void;
+}
+interface TableContextValue {
+    prefixCls: string;
+    size: 'small' | 'middle' | 'large';
+}
+
+declare const DataTable: {
+    <T extends Record<string, any>>({ columns, dataSource, loading, rowKey, pagination, rowSelection, size, bordered, showHeader, title, footer, className, onSort, onFilter, onChange, ...props }: DataTableProps<T>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+interface ComponentShowcaseProps {
+    className?: string;
+}
+declare const ComponentShowcase: React$1.FC<ComponentShowcaseProps>;
+
+declare function useDarkMode(): {
+    isDarkMode: boolean;
+    toggle: () => void;
+};
+
+declare function useDebounce<T>(value: T, delay: number): T;
+
+declare function useLocalStorage<T>(key: string, initialValue: T): [T, (value: T | ((val: T) => T)) => void, () => void];
+
+declare function useToggle(initialValue?: boolean): [boolean, () => void, (value: boolean) => void];
+
+declare const breakpoints: {
+    readonly sm: 640;
+    readonly md: 768;
+    readonly lg: 1024;
+    readonly xl: 1280;
+    readonly '2xl': 1536;
+};
+type Breakpoint = keyof typeof breakpoints;
+declare function useBreakpoint(): {
+    currentBreakpoint: "sm" | "md" | "lg" | "xl" | "2xl";
+    isAbove: (breakpoint: Breakpoint) => boolean;
+    isBelow: (breakpoint: Breakpoint) => boolean;
+};
+
+declare function cn(...inputs: ClassValue[]): string;
+
+declare const defaultTheme: {
+    colors: {
+        primary: {
+            50: string;
+            100: string;
+            200: string;
+            300: string;
+            400: string;
+            500: string;
+            600: string;
+            700: string;
+            800: string;
+            900: string;
+            950: string;
+        };
+        secondary: {
+            50: string;
+            100: string;
+            200: string;
+            300: string;
+            400: string;
+            500: string;
+            600: string;
+            700: string;
+            800: string;
+            900: string;
+            950: string;
+        };
+        danger: {
+            50: string;
+            100: string;
+            200: string;
+            300: string;
+            400: string;
+            500: string;
+            600: string;
+            700: string;
+            800: string;
+            900: string;
+            950: string;
+        };
+        success: {
+            50: string;
+            100: string;
+            200: string;
+            300: string;
+            400: string;
+            500: string;
+            600: string;
+            700: string;
+            800: string;
+            900: string;
+            950: string;
+        };
+        warning: {
+            50: string;
+            100: string;
+            200: string;
+            300: string;
+            400: string;
+            500: string;
+            600: string;
+            700: string;
+            800: string;
+            900: string;
+            950: string;
+        };
+    };
+};
+
+export { Alert, AlertDescription, AlertTitle, Avatar, AvatarFallback, AvatarImage, Badge, type BadgeProps, type BreadcrumbItem, Button, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, type CardProps, CardTitle, Checkbox, type CheckboxProps, type Column, ComponentShowcase, DashboardGrid, DashboardGridItem, DashboardHeader, DashboardLayout, DataTable, type DataTableProps, type FilterValue, Input, type InputProps, type MenuItem, Modal, ModalContent, ModalDescription, ModalFooter, ModalHeader, ModalTitle, NavItem, Navbar, type NavbarProps, type PaginationConfig, type RowSelection, Sidebar, Skeleton, type SkeletonProps, type SortConfig, Spinner, type SpinnerProps, StatsCard, type StatsCardProps, Switch, type SwitchProps, type TableContextValue, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, type TextareaProps, Toast, alertVariants, avatarVariants, badgeVariants, buttonVariants, cardVariants, checkboxVariants, cn, defaultTheme, gridItemVariants, gridVariants, inputVariants, modalVariants, navbarVariants, showToast, sidebarVariants, skeletonVariants, spinnerVariants, statsCardVariants, switchVariants, tabsListVariants, tabsTriggerVariants, textareaVariants, toastVariants, useBreakpoint, useDarkMode, useDebounce, useLocalStorage, useToggle };