@galyan/ui 0.0.1

package/dist/index.d.cts

@@ -0,0 +1,498 @@
+import React from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+type ButtonVariant = 'solid' | 'outline' | 'ghost' | 'soft' | 'link' | 'danger';
+type ButtonSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    variant?: ButtonVariant;
+    size?: ButtonSize;
+    loading?: boolean;
+    fullWidth?: boolean;
+    leftIcon?: React.ReactNode;
+    rightIcon?: React.ReactNode;
+    /** Render as a different element (e.g. 'a' for links) */
+    as?: React.ElementType;
+    href?: string;
+}
+declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+
+type TypographyVariant = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'body-xl' | 'body-lg' | 'body-md' | 'body-sm' | 'body-xs' | 'caption-lg' | 'caption-md' | 'label' | 'code';
+type TypographyColor = 'default' | 'muted' | 'subtle' | 'disabled' | 'inverse' | 'primary' | 'success' | 'warning' | 'danger' | 'info';
+interface TypographyProps {
+    variant?: TypographyVariant;
+    color?: TypographyColor;
+    as?: React.ElementType;
+    truncate?: boolean;
+    className?: string;
+    children?: React.ReactNode;
+    id?: string;
+    htmlFor?: string;
+    style?: React.CSSProperties;
+}
+declare function Typography({ variant, color, as, truncate, className, children, ...rest }: TypographyProps): react_jsx_runtime.JSX.Element;
+
+type InputSize = 'sm' | 'md' | 'lg';
+interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'> {
+    label?: string;
+    size?: InputSize;
+    error?: string;
+    helperText?: string;
+    leftIcon?: React.ReactNode;
+    rightIcon?: React.ReactNode;
+    clearable?: boolean;
+    onClear?: () => void;
+    required?: boolean;
+    fullWidth?: boolean;
+}
+declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
+
+interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
+    label?: string;
+    error?: string;
+    helperText?: string;
+    maxCharCount?: number;
+    autoResize?: boolean;
+    required?: boolean;
+}
+declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
+
+type CheckboxSize = 'sm' | 'md' | 'lg';
+interface CheckboxProps {
+    checked?: boolean;
+    defaultChecked?: boolean;
+    indeterminate?: boolean;
+    onChange?: (checked: boolean) => void;
+    disabled?: boolean;
+    label?: React.ReactNode;
+    description?: string;
+    size?: CheckboxSize;
+    id?: string;
+    name?: string;
+    value?: string;
+    className?: string;
+}
+declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLInputElement>>;
+
+interface RadioOption {
+    value: string;
+    label: React.ReactNode;
+    disabled?: boolean;
+}
+interface RadioGroupProps {
+    options: RadioOption[];
+    value?: string;
+    defaultValue?: string;
+    onChange?: (value: string) => void;
+    orientation?: 'horizontal' | 'vertical';
+    groupLabel?: string;
+    name?: string;
+    disabled?: boolean;
+    className?: string;
+}
+declare function RadioGroup({ options, value, defaultValue, onChange, orientation, groupLabel, name, disabled, className, }: RadioGroupProps): react_jsx_runtime.JSX.Element;
+
+type ToggleSize = 'sm' | 'md' | 'lg';
+interface ToggleProps {
+    checked?: boolean;
+    defaultChecked?: boolean;
+    onChange?: (checked: boolean) => void;
+    disabled?: boolean;
+    label?: React.ReactNode;
+    labelPosition?: 'left' | 'right';
+    size?: ToggleSize;
+    id?: string;
+    name?: string;
+    className?: string;
+}
+declare const Toggle: React.ForwardRefExoticComponent<ToggleProps & React.RefAttributes<HTMLInputElement>>;
+
+type ChipVariant = 'solid' | 'soft' | 'outline' | 'success' | 'warning' | 'danger' | 'neutral';
+type ChipSize = 'sm' | 'md' | 'lg';
+interface ChipProps {
+    children: React.ReactNode;
+    variant?: ChipVariant;
+    size?: ChipSize;
+    removable?: boolean;
+    onRemove?: () => void;
+    clickable?: boolean;
+    selected?: boolean;
+    onClick?: () => void;
+    icon?: React.ReactNode;
+    className?: string;
+}
+declare function Chip({ children, variant, size, removable, onRemove, clickable, selected, onClick, icon, className, }: ChipProps): react_jsx_runtime.JSX.Element;
+interface ChipsInputProps {
+    values: string[];
+    onChange: (values: string[]) => void;
+    placeholder?: string;
+    disabled?: boolean;
+    maxItems?: number;
+    chipVariant?: ChipVariant;
+    className?: string;
+}
+declare function ChipsInput({ values, onChange, placeholder, disabled, maxItems, chipVariant, className, }: ChipsInputProps): react_jsx_runtime.JSX.Element;
+
+type CardVariant = 'default' | 'elevated' | 'outlined' | 'filled';
+type CardSize = 'sm' | 'md' | 'lg';
+interface CardProps {
+    variant?: CardVariant;
+    size?: CardSize;
+    hoverable?: boolean;
+    className?: string;
+    children?: React.ReactNode;
+    onClick?: () => void;
+    style?: React.CSSProperties;
+}
+declare function Card({ variant, size, hoverable, className, children, onClick, style }: CardProps): react_jsx_runtime.JSX.Element;
+declare function CardHeader({ children, className }: {
+    children?: React.ReactNode;
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+declare function CardBody({ children, size, className }: {
+    children?: React.ReactNode;
+    size?: CardSize;
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+declare function CardFooter({ children, className }: {
+    children?: React.ReactNode;
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+interface CardInfoProps {
+    title: string;
+    value: string | number;
+    icon?: React.ReactNode;
+    trend?: {
+        value: number;
+        label?: string;
+    };
+    footer?: string;
+    className?: string;
+}
+declare function CardInfo({ title, value, icon, trend, footer, className }: CardInfoProps): react_jsx_runtime.JSX.Element;
+
+type SpinnerSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+type SpinnerColor = 'primary' | 'white' | 'neutral';
+interface SpinnerProps {
+    size?: SpinnerSize;
+    color?: SpinnerColor;
+    label?: string;
+    className?: string;
+}
+declare function Spinner({ size, color, label, className }: SpinnerProps): react_jsx_runtime.JSX.Element;
+
+type ProgressSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+type ProgressColor = 'primary' | 'success' | 'warning' | 'danger' | 'gradient';
+interface ProgressBarProps {
+    value?: number;
+    max?: number;
+    size?: ProgressSize;
+    color?: ProgressColor;
+    label?: string;
+    showValue?: boolean;
+    striped?: boolean;
+    indeterminate?: boolean;
+    className?: string;
+}
+declare function ProgressBar({ value, max, size, color, label, showValue, striped, indeterminate, className, }: ProgressBarProps): react_jsx_runtime.JSX.Element;
+
+type SkeletonShape = 'text' | 'circle' | 'rect' | 'card';
+type SkeletonAnimation = 'wave' | 'pulse' | 'none';
+interface SkeletonProps {
+    shape?: SkeletonShape;
+    animation?: SkeletonAnimation;
+    width?: string | number;
+    height?: string | number;
+    className?: string;
+    lines?: number;
+    gap?: string;
+}
+declare function Skeleton({ shape, animation, width, height, className, lines, gap, }: SkeletonProps): react_jsx_runtime.JSX.Element;
+
+type BannerVariant = 'info' | 'success' | 'warning' | 'danger' | 'neutral';
+type BannerLayout = 'inline' | 'full';
+interface BannerProps {
+    variant?: BannerVariant;
+    layout?: BannerLayout;
+    title?: string;
+    description?: React.ReactNode;
+    icon?: React.ReactNode;
+    dismissible?: boolean;
+    onDismiss?: () => void;
+    className?: string;
+}
+declare function Banner({ variant, layout, title, description, icon, dismissible, onDismiss, className, }: BannerProps): react_jsx_runtime.JSX.Element | null;
+
+interface BreadcrumbItem {
+    label: string;
+    href?: string;
+    onClick?: () => void;
+}
+interface BreadcrumbProps {
+    items: BreadcrumbItem[];
+    separator?: React.ReactNode;
+    maxItems?: number;
+    className?: string;
+}
+declare function Breadcrumb({ items, separator, maxItems, className, }: BreadcrumbProps): react_jsx_runtime.JSX.Element;
+
+interface AnimatedNumberProps {
+    value: number;
+    duration?: number;
+    format?: (n: number) => string;
+    className?: string;
+    prefix?: string;
+    suffix?: string;
+    decimals?: number;
+    easing?: 'linear' | 'easeOut' | 'easeInOut';
+}
+declare function AnimatedNumber({ value, duration, format, className, prefix, suffix, decimals, easing, }: AnimatedNumberProps): react_jsx_runtime.JSX.Element;
+
+interface AccordionItemDef {
+    id: string;
+    title: React.ReactNode;
+    content: React.ReactNode;
+    disabled?: boolean;
+}
+interface AccordionProps {
+    items: AccordionItemDef[];
+    /** 'single' = only one open at a time, 'multiple' = multiple can be open */
+    type?: 'single' | 'multiple';
+    defaultOpen?: string | string[];
+    flush?: boolean;
+    className?: string;
+}
+declare function Accordion({ items, type, defaultOpen, flush, className }: AccordionProps): react_jsx_runtime.JSX.Element;
+
+interface TabItem {
+    id: string;
+    label: React.ReactNode;
+    content: React.ReactNode;
+    disabled?: boolean;
+    badge?: string | number;
+    icon?: React.ReactNode;
+}
+interface TabsProps {
+    items: TabItem[];
+    defaultTab?: string;
+    activeTab?: string;
+    onChange?: (id: string) => void;
+    orientation?: 'horizontal' | 'vertical';
+    className?: string;
+}
+declare function Tabs({ items, defaultTab, activeTab, onChange, orientation, className }: TabsProps): react_jsx_runtime.JSX.Element;
+
+type ModalSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
+interface ModalProps {
+    open: boolean;
+    onClose: () => void;
+    title?: React.ReactNode;
+    size?: ModalSize;
+    children?: React.ReactNode;
+    footer?: React.ReactNode;
+    closeOnBackdrop?: boolean;
+    closeOnEscape?: boolean;
+    className?: string;
+}
+declare function Modal({ open, onClose, title, size, children, footer, closeOnBackdrop, closeOnEscape, className, }: ModalProps): React.ReactPortal | null;
+
+interface DropdownOption {
+    value: string;
+    label: React.ReactNode;
+    disabled?: boolean;
+    group?: string;
+    icon?: React.ReactNode;
+}
+interface DropdownProps {
+    options: DropdownOption[];
+    value?: string;
+    onChange?: (value: string) => void;
+    placeholder?: string;
+    searchable?: boolean;
+    disabled?: boolean;
+    label?: string;
+    error?: string;
+    className?: string;
+    id?: string;
+}
+declare function Dropdown({ options, value, onChange, placeholder, searchable, disabled, label, error, className, id, }: DropdownProps): react_jsx_runtime.JSX.Element;
+
+type TooltipPosition = 'top' | 'bottom' | 'left' | 'right';
+interface TooltipProps {
+    content: React.ReactNode;
+    children: React.ReactElement;
+    position?: TooltipPosition;
+    delay?: number;
+    disabled?: boolean;
+}
+declare function Tooltip({ content, children, position, delay, disabled }: TooltipProps): react_jsx_runtime.JSX.Element;
+interface MenuItemDef {
+    id: string;
+    label: React.ReactNode;
+    icon?: React.ReactNode;
+    onClick?: () => void;
+    disabled?: boolean;
+    danger?: boolean;
+    badge?: string;
+    separator?: never;
+    groupLabel?: never;
+}
+interface MenuSeparator {
+    separator: true;
+    id: string;
+}
+interface MenuGroupLabel {
+    groupLabel: string;
+    id: string;
+}
+type MenuEntry = MenuItemDef | MenuSeparator | MenuGroupLabel;
+interface MenuProps {
+    items: MenuEntry[];
+    trigger: React.ReactElement;
+    position?: 'bottom-left' | 'bottom-right' | 'top-left' | 'top-right';
+    className?: string;
+}
+declare function Menu({ items, trigger, position, className }: MenuProps): react_jsx_runtime.JSX.Element;
+
+type ToastVariant = 'success' | 'error' | 'warning' | 'info' | 'loading';
+type ToastPosition = 'top-right' | 'top-left' | 'top-center' | 'bottom-right' | 'bottom-left' | 'bottom-center';
+interface Toast {
+    id: string;
+    title: string;
+    description?: string;
+    variant?: ToastVariant;
+    duration?: number;
+    dismissible?: boolean;
+}
+interface ToastContextValue {
+    toasts: Toast[];
+    toast: (toast: Omit<Toast, 'id'>) => string;
+    dismiss: (id: string) => void;
+    dismissAll: () => void;
+}
+declare function ToasterProvider({ children, position }: {
+    children: React.ReactNode;
+    position?: ToastPosition;
+}): react_jsx_runtime.JSX.Element;
+declare function useToast(): ToastContextValue;
+
+type StepStatus = 'upcoming' | 'active' | 'completed' | 'error';
+interface Step {
+    id: string;
+    label: string;
+    description?: string;
+    content?: React.ReactNode;
+    optional?: boolean;
+}
+interface StepperProps {
+    steps: Step[];
+    activeStep?: number;
+    defaultStep?: number;
+    /** 'linear' = must complete in order; 'free' = can jump to any step */
+    variant?: 'linear' | 'free';
+    orientation?: 'horizontal' | 'vertical';
+    onStepChange?: (index: number) => void;
+    onComplete?: () => void;
+    className?: string;
+}
+declare function Stepper({ steps, activeStep: controlledStep, defaultStep, variant, orientation, onStepChange, onComplete, className, }: StepperProps): react_jsx_runtime.JSX.Element;
+
+type SortDirection = 'asc' | 'desc';
+interface Column<T> {
+    key: string;
+    header: React.ReactNode;
+    accessor: (row: T) => React.ReactNode;
+    sortable?: boolean;
+    width?: string;
+    align?: 'left' | 'center' | 'right';
+}
+interface TableProps<T> {
+    columns: Column<T>[];
+    data: T[];
+    rowKey: (row: T) => string;
+    selectable?: boolean;
+    selectedRows?: string[];
+    onSelectionChange?: (keys: string[]) => void;
+    pageSize?: number;
+    emptyMessage?: React.ReactNode;
+    className?: string;
+    stickyHeader?: boolean;
+}
+declare function Table<T>({ columns, data, rowKey, selectable, selectedRows, onSelectionChange, pageSize, emptyMessage, className, stickyHeader, }: TableProps<T>): react_jsx_runtime.JSX.Element;
+
+interface ReorderListProps<T> {
+    items: T[];
+    onReorder: (newItems: T[]) => void;
+    keyExtractor: (item: T) => string;
+    renderItem: (item: T, isDragging: boolean) => React.ReactNode;
+    className?: string;
+}
+declare function ReorderList<T>({ items, onReorder, keyExtractor, renderItem, className }: ReorderListProps<T>): react_jsx_runtime.JSX.Element;
+interface KanbanColumnDef<T> {
+    id: string;
+    title: string;
+    items: T[];
+}
+interface KanbanBoardProps<T> {
+    columns: KanbanColumnDef<T>[];
+    onMove: (itemKey: string, fromCol: string, toCol: string, toIndex: number) => void;
+    keyExtractor: (item: T) => string;
+    renderCard: (item: T, isDragging: boolean) => React.ReactNode;
+    className?: string;
+}
+declare function KanbanBoard<T>({ columns, onMove, keyExtractor, renderCard, className }: KanbanBoardProps<T>): react_jsx_runtime.JSX.Element;
+
+interface FileUploadProps {
+    onFilesSelected?: (files: File[]) => void;
+    multiple?: boolean;
+    accept?: string;
+    maxSize?: number;
+    maxFiles?: number;
+    disabled?: boolean;
+    label?: string;
+    helperText?: string;
+    className?: string;
+}
+declare function FileUpload({ onFilesSelected, multiple, accept, maxSize, maxFiles, disabled, label, helperText, className, }: FileUploadProps): react_jsx_runtime.JSX.Element;
+
+interface CalendarProps {
+    mode?: 'single' | 'range';
+    value?: Date | [Date, Date];
+    onChange?: (date: Date | [Date, Date]) => void;
+    minDate?: Date;
+    maxDate?: Date;
+    className?: string;
+    style?: React.CSSProperties;
+}
+declare function Calendar({ mode, value, onChange, minDate, maxDate, className, style }: CalendarProps): react_jsx_runtime.JSX.Element;
+
+interface DatePickerProps extends Omit<CalendarProps, 'className'> {
+    label?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    error?: string;
+    helperText?: string;
+    className?: string;
+}
+declare function DatePicker({ mode, value, onChange, minDate, maxDate, label, placeholder, disabled, error, helperText, className, }: DatePickerProps): react_jsx_runtime.JSX.Element;
+
+type ChartType = 'line' | 'bar' | 'area' | 'pie' | 'donut';
+interface ChartSeries {
+    key: string;
+    name?: string;
+    color?: string;
+}
+interface ChartProps {
+    type: ChartType;
+    data: any[];
+    xAxisKey?: string;
+    series?: ChartSeries[];
+    nameKey?: string;
+    valueKey?: string;
+    height?: number | string;
+    showGrid?: boolean;
+    showLegend?: boolean;
+    className?: string;
+}
+declare function Chart({ type, data, xAxisKey, series, nameKey, valueKey, height, showGrid, showLegend, className, }: ChartProps): react_jsx_runtime.JSX.Element;
+
+export { Accordion, type AccordionItemDef, type AccordionProps, AnimatedNumber, type AnimatedNumberProps, Banner, type BannerLayout, type BannerProps, type BannerVariant, Breadcrumb, type BreadcrumbItem, type BreadcrumbProps, Button, type ButtonProps, type ButtonSize, type ButtonVariant, Calendar, type CalendarProps, Card, CardBody, CardFooter, CardHeader, CardInfo, type CardInfoProps, type CardProps, type CardSize, type CardVariant, Chart, type ChartProps, type ChartSeries, type ChartType, Checkbox, type CheckboxProps, type CheckboxSize, Chip, type ChipProps, type ChipSize, type ChipVariant, ChipsInput, type ChipsInputProps, type Column, DatePicker, type DatePickerProps, Dropdown, type DropdownOption, type DropdownProps, FileUpload, type FileUploadProps, Input, type InputProps, type InputSize, KanbanBoard, type KanbanBoardProps, type KanbanColumnDef, Menu, type MenuEntry, type MenuItemDef, type MenuProps, Modal, type ModalProps, type ModalSize, ProgressBar, type ProgressBarProps, type ProgressColor, type ProgressSize, RadioGroup, type RadioGroupProps, type RadioOption, ReorderList, type ReorderListProps, Skeleton, type SkeletonAnimation, type SkeletonProps, type SkeletonShape, type SortDirection, Spinner, type SpinnerColor, type SpinnerProps, type SpinnerSize, type Step, type StepStatus, Stepper, type StepperProps, type TabItem, Table, type TableProps, Tabs, type TabsProps, Textarea, type TextareaProps, type Toast, type ToastPosition, type ToastVariant, ToasterProvider, Toggle, type ToggleProps, type ToggleSize, Tooltip, type TooltipPosition, type TooltipProps, Typography, type TypographyColor, type TypographyProps, type TypographyVariant, useToast };