@rock10/ui 1.0.11 → 1.0.12

package/dist/components/Alert.d.ts

@@ -0,0 +1,12 @@
+import { ReactNode } from 'react';
+
+export interface AlertProps {
+    variant?: 'info' | 'success' | 'warning' | 'danger';
+    title?: string;
+    children: ReactNode;
+    icon?: ReactNode;
+    onClose?: () => void;
+    className?: string;
+}
+export declare function Alert({ variant, title, children, icon, onClose, className, }: AlertProps): import("react").JSX.Element;
+export default Alert;

package/dist/components/ArenaCard.d.ts

@@ -0,0 +1,22 @@
+import { ReactNode } from 'react';
+
+export interface ArenaData {
+    id: number;
+    nome: string;
+    slug?: string;
+    cidade?: string;
+    uf?: string;
+    logo_url?: string;
+    banner_url?: string;
+    total_quadras?: number;
+    ativo?: boolean;
+}
+export interface ArenaCardProps {
+    arena: ArenaData;
+    onClick?: (arena: ArenaData) => void;
+    actionText?: string;
+    extraBadge?: ReactNode;
+    className?: string;
+}
+export declare function ArenaCard({ arena, onClick, actionText, extraBadge, className, }: ArenaCardProps): import("react").JSX.Element;
+export default ArenaCard;

package/dist/components/Badge.d.ts

@@ -0,0 +1,15 @@
+import { HTMLAttributes, ReactNode } from 'react';
+import { VariantProps } from 'class-variance-authority';
+
+declare const badgeVariants: (props?: ({
+    variant?: "primary" | "secondary" | "danger" | "success" | "purple" | "warning" | "info" | "neutral" | null | undefined;
+    size?: "sm" | "md" | null | undefined;
+    shape?: "pill" | "rounded" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface BadgeProps extends HTMLAttributes<HTMLSpanElement>, VariantProps<typeof badgeVariants> {
+    children: ReactNode;
+    dot?: boolean;
+    pulseDot?: boolean;
+}
+export declare function Badge({ className, variant, size, shape, dot, pulseDot, children, ...props }: BadgeProps): import("react").JSX.Element;
+export default Badge;

package/dist/components/Button.d.ts

@@ -0,0 +1,16 @@
+import { ButtonHTMLAttributes, ReactNode } from 'react';
+import { VariantProps } from 'class-variance-authority';
+
+declare const buttonVariants: (props?: ({
+    variant?: "primary" | "secondary" | "outline" | "ghost" | "danger" | "success" | "purple" | "link" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+    fullWidth?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
+    children?: ReactNode;
+    isLoading?: boolean;
+    leftIcon?: ReactNode;
+    rightIcon?: ReactNode;
+}
+export declare const Button: import('react').ForwardRefExoticComponent<ButtonProps & import('react').RefAttributes<HTMLButtonElement>>;
+export default Button;

package/dist/components/Card.d.ts

@@ -0,0 +1,29 @@
+import { HTMLAttributes, ReactNode } from 'react';
+
+export interface CardProps extends HTMLAttributes<HTMLDivElement> {
+    children?: ReactNode;
+    hoverable?: boolean;
+    padded?: boolean;
+}
+export declare const Card: import('react').ForwardRefExoticComponent<CardProps & import('react').RefAttributes<HTMLDivElement>>;
+export interface CardHeaderProps extends HTMLAttributes<HTMLDivElement> {
+    children?: ReactNode;
+    actions?: ReactNode;
+}
+export declare const CardHeader: import('react').ForwardRefExoticComponent<CardHeaderProps & import('react').RefAttributes<HTMLDivElement>>;
+export interface CardTitleProps extends HTMLAttributes<HTMLHeadingElement> {
+    children?: ReactNode;
+}
+export declare const CardTitle: import('react').ForwardRefExoticComponent<CardTitleProps & import('react').RefAttributes<HTMLHeadingElement>>;
+export interface CardDescriptionProps extends HTMLAttributes<HTMLParagraphElement> {
+    children?: ReactNode;
+}
+export declare const CardDescription: import('react').ForwardRefExoticComponent<CardDescriptionProps & import('react').RefAttributes<HTMLParagraphElement>>;
+export interface CardContentProps extends HTMLAttributes<HTMLDivElement> {
+    children?: ReactNode;
+}
+export declare const CardContent: import('react').ForwardRefExoticComponent<CardContentProps & import('react').RefAttributes<HTMLDivElement>>;
+export interface CardFooterProps extends HTMLAttributes<HTMLDivElement> {
+    children?: ReactNode;
+}
+export declare const CardFooter: import('react').ForwardRefExoticComponent<CardFooterProps & import('react').RefAttributes<HTMLDivElement>>;

package/dist/components/Checkbox.d.ts

@@ -0,0 +1,8 @@
+import { InputHTMLAttributes, ReactNode } from 'react';
+
+export interface CheckboxProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type'> {
+    label?: ReactNode;
+    description?: string;
+}
+export declare const Checkbox: import('react').ForwardRefExoticComponent<CheckboxProps & import('react').RefAttributes<HTMLInputElement>>;
+export default Checkbox;

package/dist/components/FilterBar.d.ts

@@ -0,0 +1,12 @@
+import { ReactNode } from 'react';
+
+export interface FilterBarProps {
+    title?: string;
+    hasActiveFilters?: boolean;
+    activeFiltersCount?: number;
+    onClearFilters?: () => void;
+    children: ReactNode;
+    className?: string;
+}
+export declare function FilterBar({ title, hasActiveFilters, activeFiltersCount, onClearFilters, children, className, }: FilterBarProps): import("react").JSX.Element;
+export default FilterBar;

package/dist/components/Input.d.ts

@@ -0,0 +1,15 @@
+import { InputHTMLAttributes, ReactNode } from 'react';
+
+export interface InputProps extends InputHTMLAttributes<HTMLInputElement> {
+    label?: string;
+    error?: string;
+    helperText?: string;
+    startIcon?: ReactNode;
+    endIcon?: ReactNode;
+    clearable?: boolean;
+    onClear?: () => void;
+    inputSize?: 'sm' | 'md' | 'lg';
+    fullWidth?: boolean;
+}
+export declare const Input: import('react').ForwardRefExoticComponent<InputProps & import('react').RefAttributes<HTMLInputElement>>;
+export default Input;

package/dist/components/LikeButton.d.ts

@@ -1,8 +1,10 @@
 export interface LikeButtonProps {
+    /** ID do vídeo opcional */
+    videoId?: number;
     /** Número inicial de curtidas */
     initialLikes?: number;
-    /** Função assíncrona chamada para registrar a curtida e retornar a nova contagem */
-    onLike: () => Promise<number>;
+    /** Função assíncrona opcional chamada para registrar a curtida e retornar a nova contagem */
+    onLike?: () => Promise<number>;
     /** Callback opcional chamado quando o like muda localmente */
     onLikeChange?: (newCount: number) => void;
     /** Tamanho do botão */

package/dist/components/Logo.d.ts

@@ -0,0 +1,9 @@
+import { SVGProps } from 'react';
+
+export interface LogoProps extends SVGProps<SVGSVGElement> {
+    variant?: 'full' | 'icon';
+    themeMode?: 'auto' | 'light' | 'dark';
+    size?: 'sm' | 'md' | 'lg' | 'xl';
+}
+export declare function Logo({ variant, themeMode, size, className, ...props }: LogoProps): import("react").JSX.Element;
+export default Logo;

package/dist/components/PageHeader.d.ts

@@ -0,0 +1,12 @@
+import { ReactNode } from 'react';
+
+export interface PageHeaderProps {
+    title: string;
+    description?: string;
+    badge?: ReactNode;
+    actions?: ReactNode;
+    breadcrumb?: ReactNode;
+    className?: string;
+}
+export declare function PageHeader({ title, description, badge, actions, breadcrumb, className, }: PageHeaderProps): import("react").JSX.Element;
+export default PageHeader;

package/dist/components/Select.d.ts

@@ -0,0 +1,18 @@
+import { SelectHTMLAttributes, ReactNode } from 'react';
+
+export interface SelectOption {
+    value: string | number;
+    label: string;
+    disabled?: boolean;
+}
+export interface SelectProps extends SelectHTMLAttributes<HTMLSelectElement> {
+    label?: string;
+    error?: string;
+    helperText?: string;
+    options?: SelectOption[];
+    selectSize?: 'sm' | 'md' | 'lg';
+    fullWidth?: boolean;
+    children?: ReactNode;
+}
+export declare const Select: import('react').ForwardRefExoticComponent<SelectProps & import('react').RefAttributes<HTMLSelectElement>>;
+export default Select;

package/dist/components/Skeleton.d.ts

@@ -0,0 +1,9 @@
+import { HTMLAttributes } from 'react';
+
+export interface SkeletonProps extends HTMLAttributes<HTMLDivElement> {
+    variant?: 'text' | 'circular' | 'rectangular' | 'card';
+    width?: string | number;
+    height?: string | number;
+}
+export declare function Skeleton({ className, variant, width, height, style, ...props }: SkeletonProps): import("react").JSX.Element;
+export default Skeleton;

package/dist/components/StatCard.d.ts

@@ -0,0 +1,57 @@
+import { ReactNode } from 'react';
+
+declare const colorThemes: {
+    purple: {
+        text: string;
+        bg: string;
+        border: string;
+    };
+    blue: {
+        text: string;
+        bg: string;
+        border: string;
+    };
+    emerald: {
+        text: string;
+        bg: string;
+        border: string;
+    };
+    amber: {
+        text: string;
+        bg: string;
+        border: string;
+    };
+    red: {
+        text: string;
+        bg: string;
+        border: string;
+    };
+    cyan: {
+        text: string;
+        bg: string;
+        border: string;
+    };
+    pink: {
+        text: string;
+        bg: string;
+        border: string;
+    };
+    yellow: {
+        text: string;
+        bg: string;
+        border: string;
+    };
+};
+export interface StatCardProps {
+    title: string;
+    value: number | string;
+    subtitle?: ReactNode;
+    icon?: ReactNode;
+    color?: keyof typeof colorThemes;
+    isLoading?: boolean;
+    animateValue?: boolean;
+    className?: string;
+    onClick?: () => void;
+}
+export declare function StatCard({ title, value, subtitle, icon, color, isLoading, animateValue, className, onClick, }: StatCardProps): import("react").JSX.Element;
+export default StatCard;

package/dist/components/Switch.d.ts

@@ -0,0 +1,9 @@
+import { InputHTMLAttributes, ReactNode } from 'react';
+
+export interface SwitchProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type'> {
+    label?: ReactNode;
+    description?: string;
+    switchSize?: 'sm' | 'md' | 'lg';
+}
+export declare const Switch: import('react').ForwardRefExoticComponent<SwitchProps & import('react').RefAttributes<HTMLInputElement>>;
+export default Switch;

package/dist/components/Table.d.ts

@@ -0,0 +1,14 @@
+import { HTMLAttributes, TableHTMLAttributes, TdHTMLAttributes, ThHTMLAttributes } from 'react';
+
+export interface TableContainerProps extends HTMLAttributes<HTMLDivElement> {
+    bordered?: boolean;
+}
+export declare const TableContainer: import('react').ForwardRefExoticComponent<TableContainerProps & import('react').RefAttributes<HTMLDivElement>>;
+export interface TableProps extends TableHTMLAttributes<HTMLTableElement> {
+}
+export declare const Table: import('react').ForwardRefExoticComponent<TableProps & import('react').RefAttributes<HTMLTableElement>>;
+export declare const TableHeader: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLTableSectionElement> & import('react').RefAttributes<HTMLTableSectionElement>>;
+export declare const TableBody: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLTableSectionElement> & import('react').RefAttributes<HTMLTableSectionElement>>;
+export declare const TableRow: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLTableRowElement> & import('react').RefAttributes<HTMLTableRowElement>>;
+export declare const TableHead: import('react').ForwardRefExoticComponent<ThHTMLAttributes<HTMLTableCellElement> & import('react').RefAttributes<HTMLTableCellElement>>;
+export declare const TableCell: import('react').ForwardRefExoticComponent<TdHTMLAttributes<HTMLTableCellElement> & import('react').RefAttributes<HTMLTableCellElement>>;

package/dist/components/Textarea.d.ts

@@ -0,0 +1,10 @@
+import { TextareaHTMLAttributes } from 'react';
+
+export interface TextareaProps extends TextareaHTMLAttributes<HTMLTextAreaElement> {
+    label?: string;
+    error?: string;
+    helperText?: string;
+    fullWidth?: boolean;
+}
+export declare const Textarea: import('react').ForwardRefExoticComponent<TextareaProps & import('react').RefAttributes<HTMLTextAreaElement>>;
+export default Textarea;

package/dist/components/VideoCard.d.ts

@@ -0,0 +1,30 @@
+import { ReactNode } from 'react';
+
+export interface VideoData {
+    id: number;
+    nome: string;
+    dthr: string;
+    poster: string;
+    url: string;
+    downloads: number;
+    curtidas: number;
+    visualizacoes?: number;
+    compartilhamentos?: number;
+    quadra_id?: number;
+    quadra_nome?: string;
+    arena_nome?: string;
+    is_vertical?: boolean | number;
+}
+export interface VideoCardProps {
+    video: VideoData;
+    showShare?: boolean;
+    onPlay?: (video: VideoData) => void;
+    onShare?: (video: VideoData) => void;
+    onLikeChange?: (videoId: number, liked: boolean) => void;
+    onDownloadComplete?: (videoId: number) => void;
+    onDownloadIncrement?: (videoId: number) => Promise<number>;
+    extraActions?: ReactNode;
+    className?: string;
+}
+export declare function VideoCard({ video, showShare, onPlay, onShare, onLikeChange, onDownloadComplete, onDownloadIncrement, extraActions, className, }: VideoCardProps): import("react").JSX.Element;
+export default VideoCard;

package/dist/index.d.ts

@@ -1,12 +1,29 @@
 export { cn } from './utils/cn';
-export { Loading, type LoadingProps } from './components/Loading';
+export { Button, type ButtonProps } from './components/Button';
+export { Input, type InputProps } from './components/Input';
+export { Select, type SelectProps, type SelectOption } from './components/Select';
+export { Textarea, type TextareaProps } from './components/Textarea';
+export { Checkbox, type CheckboxProps } from './components/Checkbox';
+export { Switch, type SwitchProps } from './components/Switch';
+export { Badge, type BadgeProps } from './components/Badge';
+export { Skeleton, type SkeletonProps } from './components/Skeleton';
 export { IconButton, type IconButtonProps, type IconButtonVariant, type IconButtonSize } from './components/IconButton';
+export { Card, CardHeader, CardTitle, CardDescription, CardContent, CardFooter, type CardProps, type CardHeaderProps, type CardTitleProps, type CardDescriptionProps, type CardContentProps, type CardFooterProps, } from './components/Card';
+export { StatCard, type StatCardProps } from './components/StatCard';
+export { Alert, type AlertProps } from './components/Alert';
+export { TableContainer, Table, TableHeader, TableBody, TableRow, TableCell, TableHead, type TableContainerProps, type TableProps, } from './components/Table';
+export { FilterBar, type FilterBarProps } from './components/FilterBar';
+export { PageHeader, type PageHeaderProps } from './components/PageHeader';
+export { Loading, type LoadingProps } from './components/Loading';
 export { Modal, type ModalProps } from './components/Modal';
 export { ConfirmDialog, type ConfirmDialogProps } from './components/ConfirmDialog';
 export { EmptyState, type EmptyStateProps } from './components/EmptyState';
 export { SearchBar, type SearchBarProps } from './components/SearchBar';
 export { DatePicker, type DatePickerProps } from './components/DatePicker';
 export { DateSelector, type DateSelectorProps } from './components/DateSelector';
+export { Tabs, type TabsProps, type TabItem } from './components/Tabs';
+export { VideoCard, type VideoCardProps, type VideoData } from './components/VideoCard';
+export { ArenaCard, type ArenaCardProps, type ArenaData } from './components/ArenaCard';
 export { LikeButton, type LikeButtonProps } from './components/LikeButton';
 export { DownloadButton, type DownloadButtonProps } from './components/DownloadButton';
-export { Tabs, type TabsProps, type TabItem } from './components/Tabs';
+export { Logo, type LogoProps } from './components/Logo';