trust-ui-react 0.1.0

package/dist/components/Button/Button.d.ts

@@ -0,0 +1,18 @@
+import { ButtonHTMLAttributes, ReactNode } from 'react';
+export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    /** Visual style variant */
+    variant?: 'primary' | 'secondary' | 'outline' | 'ghost' | 'danger';
+    /** Size of the button */
+    size?: 'sm' | 'md' | 'lg';
+    /** Shape of the button */
+    shape?: 'square' | 'rounded' | 'pill';
+    /** Shows a spinner and disables the button */
+    loading?: boolean;
+    /** Icon placed before the children */
+    startIcon?: ReactNode;
+    /** Icon placed after the children */
+    endIcon?: ReactNode;
+    /** Stretches the button to fill its container */
+    fullWidth?: boolean;
+}
+export declare const Button: import('react').ForwardRefExoticComponent<ButtonProps & import('react').RefAttributes<HTMLButtonElement>>;

package/dist/components/Button/index.d.ts

@@ -0,0 +1,2 @@
+export { Button } from './Button';
+export type { ButtonProps } from './Button';

package/dist/components/Checkbox/Checkbox.d.ts

@@ -0,0 +1,22 @@
+import { InputHTMLAttributes } from 'react';
+export interface CheckboxProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'size'> {
+    /** Whether the checkbox is checked (controlled) */
+    checked?: boolean;
+    /** Initial checked state (uncontrolled) */
+    defaultChecked?: boolean;
+    /** Whether the checkbox shows an indeterminate state */
+    indeterminate?: boolean;
+    /** Change handler */
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    /** Color variant */
+    variant?: 'primary' | 'secondary';
+    /** Text label */
+    label?: string;
+    /** Whether the checkbox is disabled */
+    disabled?: boolean;
+    /** Additional CSS class */
+    className?: string;
+    /** Inline styles */
+    style?: React.CSSProperties;
+}
+export declare const Checkbox: import('react').ForwardRefExoticComponent<CheckboxProps & import('react').RefAttributes<HTMLInputElement>>;

package/dist/components/Checkbox/index.d.ts

@@ -0,0 +1,2 @@
+export { Checkbox } from './Checkbox';
+export type { CheckboxProps } from './Checkbox';

package/dist/components/Chip/Chip.d.ts

@@ -0,0 +1,22 @@
+import { ReactNode } from 'react';
+export interface ChipProps {
+    /** Visual style variant */
+    variant?: 'filled' | 'outlined';
+    /** Color scheme */
+    color?: 'primary' | 'secondary' | 'success' | 'danger';
+    /** Size of the chip */
+    size?: 'sm' | 'md';
+    /** Callback when the delete icon is clicked; shows the delete button when provided */
+    onDelete?: () => void;
+    /** Makes the chip clickable */
+    onClick?: () => void;
+    /** Icon placed before the label */
+    startIcon?: ReactNode;
+    /** Chip label content */
+    children: ReactNode;
+    /** Additional CSS class */
+    className?: string;
+    /** Inline styles */
+    style?: React.CSSProperties;
+}
+export declare function Chip({ variant, color, size, onDelete, onClick, startIcon, children, className, style, }: ChipProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Chip/index.d.ts

@@ -0,0 +1,2 @@
+export { Chip } from './Chip';
+export type { ChipProps } from './Chip';

package/dist/components/DatePicker/Calendar.d.ts

@@ -0,0 +1,20 @@
+export interface CalendarProps {
+    currentMonth: number;
+    currentYear: number;
+    selectedDate?: Date | null;
+    selectedRange?: {
+        start: Date | null;
+        end: Date | null;
+    };
+    hoverDate?: Date | null;
+    minDate?: Date;
+    maxDate?: Date;
+    onDateClick: (date: Date) => void;
+    onDateHover?: (date: Date) => void;
+    locale?: string;
+    className?: string;
+}
+export declare function Calendar({ currentMonth, currentYear, selectedDate, selectedRange, hoverDate, minDate, maxDate, onDateClick, onDateHover, locale, className, }: CalendarProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace Calendar {
+    var displayName: string;
+}

package/dist/components/DatePicker/DatePicker.d.ts

@@ -0,0 +1,36 @@
+import { CSSProperties } from 'react';
+export interface DatePickerProps {
+    /** Controlled selected date */
+    value?: Date | null;
+    /** Default selected date (uncontrolled) */
+    defaultValue?: Date | null;
+    /** Callback when date changes */
+    onChange?: (date: Date | null) => void;
+    /** Placeholder text */
+    placeholder?: string;
+    /** Visual variant */
+    variant?: 'outlined' | 'filled';
+    /** Size */
+    size?: 'sm' | 'md' | 'lg';
+    /** Locale for day/month labels (default: 'ko-KR') */
+    locale?: string;
+    /** Date format string (default: 'yyyy.MM.dd') */
+    dateFormat?: string;
+    /** Minimum selectable date */
+    minDate?: Date;
+    /** Maximum selectable date */
+    maxDate?: Date;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Error state */
+    error?: boolean;
+    /** Error message */
+    errorMessage?: string;
+    /** Label displayed above the input */
+    label?: string;
+    /** Additional CSS class */
+    className?: string;
+    /** Inline styles */
+    style?: CSSProperties;
+}
+export declare const DatePicker: import('react').ForwardRefExoticComponent<DatePickerProps & import('react').RefAttributes<HTMLDivElement>>;

package/dist/components/DatePicker/index.d.ts

@@ -0,0 +1,4 @@
+export { DatePicker } from './DatePicker';
+export type { DatePickerProps } from './DatePicker';
+export { Calendar } from './Calendar';
+export type { CalendarProps } from './Calendar';

package/dist/components/DatePicker/utils.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Pure date utility functions (no external library dependency).
+ */
+export declare function getDaysInMonth(year: number, month: number): number;
+export declare function getFirstDayOfWeek(year: number, month: number): number;
+export declare function formatDate(date: Date, format: string): string;
+export declare function parseDate(str: string, format: string): Date | null;
+export declare function isSameDay(a: Date, b: Date): boolean;
+export declare function isDateInRange(date: Date, min?: Date, max?: Date): boolean;
+export interface CalendarDay {
+    date: Date;
+    isCurrentMonth: boolean;
+}
+export declare function getCalendarDays(year: number, month: number): CalendarDay[];
+/** Returns short day-of-week labels based on locale */
+export declare function getDayLabels(locale: string): string[];
+/** Returns month name for display */
+export declare function getMonthLabel(month: number, locale: string): string;
+/** Check if a date falls between start and end (inclusive) */
+export declare function isDateBetween(date: Date, start: Date, end: Date): boolean;

package/dist/components/DateRangePicker/DateRangePicker.d.ts

@@ -0,0 +1,45 @@
+import { CSSProperties } from 'react';
+export interface DateRange {
+    start: Date | null;
+    end: Date | null;
+}
+export interface DateRangePickerProps {
+    /** Controlled selected range */
+    value?: DateRange;
+    /** Default selected range (uncontrolled) */
+    defaultValue?: DateRange;
+    /** Callback when range changes */
+    onChange?: (range: DateRange) => void;
+    /** Placeholder text */
+    placeholder?: string;
+    /** Visual variant */
+    variant?: 'outlined' | 'filled';
+    /** Size */
+    size?: 'sm' | 'md' | 'lg';
+    /** Locale for day/month labels */
+    locale?: string;
+    /** Date format string */
+    dateFormat?: string;
+    /** Minimum selectable date */
+    minDate?: Date;
+    /** Maximum selectable date */
+    maxDate?: Date;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Error state */
+    error?: boolean;
+    /** Error message */
+    errorMessage?: string;
+    /** Label displayed above the input */
+    label?: string;
+    /** Preset ranges */
+    presets?: Array<{
+        label: string;
+        range: DateRange;
+    }>;
+    /** Additional CSS class */
+    className?: string;
+    /** Inline styles */
+    style?: CSSProperties;
+}
+export declare const DateRangePicker: import('react').ForwardRefExoticComponent<DateRangePickerProps & import('react').RefAttributes<HTMLDivElement>>;

package/dist/components/DateRangePicker/index.d.ts

@@ -0,0 +1,2 @@
+export { DateRangePicker } from './DateRangePicker';
+export type { DateRangePickerProps, DateRange } from './DateRangePicker';

package/dist/components/Dialog/Dialog.d.ts

@@ -0,0 +1,59 @@
+import { CSSProperties, HTMLAttributes, ReactNode } from 'react';
+export interface DialogProps {
+    /** Whether the dialog is open */
+    open: boolean;
+    /** Callback when the dialog should close */
+    onClose: () => void;
+    /** Size preset (default: 'md') */
+    size?: 'sm' | 'md' | 'lg' | 'fullscreen';
+    /** Close when backdrop is clicked (default: true) */
+    closeOnBackdrop?: boolean;
+    /** Close when Escape key is pressed (default: true) */
+    closeOnEscape?: boolean;
+    /** Additional CSS class name */
+    className?: string;
+    /** Additional inline styles */
+    style?: CSSProperties;
+    /** Dialog content */
+    children: ReactNode;
+}
+interface DialogTitleProps extends HTMLAttributes<HTMLHeadingElement> {
+    /** Show close button (default: true) */
+    showClose?: boolean;
+    /** Close handler - called when close button is clicked */
+    onClose?: () => void;
+    /** Additional CSS class name */
+    className?: string;
+    /** Children */
+    children: ReactNode;
+}
+declare function DialogTitle({ showClose, onClose, className, children, ...rest }: DialogTitleProps): import("react/jsx-runtime").JSX.Element;
+declare namespace DialogTitle {
+    var displayName: string;
+}
+interface DialogContentProps extends HTMLAttributes<HTMLDivElement> {
+    /** Additional CSS class name */
+    className?: string;
+    /** Children */
+    children: ReactNode;
+}
+declare function DialogContent({ className, children, ...rest }: DialogContentProps): import("react/jsx-runtime").JSX.Element;
+declare namespace DialogContent {
+    var displayName: string;
+}
+interface DialogActionsProps extends HTMLAttributes<HTMLDivElement> {
+    /** Additional CSS class name */
+    className?: string;
+    /** Children */
+    children: ReactNode;
+}
+declare function DialogActions({ className, children, ...rest }: DialogActionsProps): import("react/jsx-runtime").JSX.Element;
+declare namespace DialogActions {
+    var displayName: string;
+}
+export declare const Dialog: import('react').ForwardRefExoticComponent<DialogProps & import('react').RefAttributes<HTMLDialogElement>> & {
+    Title: typeof DialogTitle;
+    Content: typeof DialogContent;
+    Actions: typeof DialogActions;
+};
+export {};

package/dist/components/Dialog/index.d.ts

@@ -0,0 +1,2 @@
+export { Dialog } from './Dialog';
+export type { DialogProps } from './Dialog';

package/dist/components/Expander/Expander.d.ts

@@ -0,0 +1,63 @@
+import { CSSProperties, ReactNode } from 'react';
+export interface ExpanderProps {
+    /** Single (accordion) or multiple items open at once */
+    type?: 'single' | 'multiple';
+    /** Initially open item(s) (uncontrolled) */
+    defaultValue?: string | string[];
+    /** Controlled open item(s) */
+    value?: string | string[];
+    /** Callback when open items change */
+    onChange?: (value: string | string[]) => void;
+    /** Visual variant */
+    variant?: 'default' | 'bordered' | 'separated';
+    /** Children */
+    children: ReactNode;
+    /** Additional CSS class */
+    className?: string;
+    /** Inline styles */
+    style?: CSSProperties;
+}
+declare function ExpanderRoot({ type, defaultValue, value: controlledValue, onChange, variant, children, className, style, }: ExpanderProps): import("react/jsx-runtime").JSX.Element;
+declare namespace ExpanderRoot {
+    var displayName: string;
+}
+interface ExpanderItemProps {
+    /** Unique value identifying this item */
+    value: string;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Additional CSS class */
+    className?: string;
+    /** Children (Trigger + Content) */
+    children: ReactNode;
+}
+declare function ExpanderItem({ value, disabled, className, children, }: ExpanderItemProps): import("react/jsx-runtime").JSX.Element;
+declare namespace ExpanderItem {
+    var displayName: string;
+}
+interface ExpanderTriggerProps {
+    /** Trigger label */
+    children: ReactNode;
+    /** Additional CSS class */
+    className?: string;
+}
+declare function ExpanderTrigger({ children, className }: ExpanderTriggerProps): import("react/jsx-runtime").JSX.Element;
+declare namespace ExpanderTrigger {
+    var displayName: string;
+}
+interface ExpanderContentProps {
+    /** Content */
+    children: ReactNode;
+    /** Additional CSS class */
+    className?: string;
+}
+declare function ExpanderContent({ children, className }: ExpanderContentProps): import("react/jsx-runtime").JSX.Element;
+declare namespace ExpanderContent {
+    var displayName: string;
+}
+export declare const Expander: typeof ExpanderRoot & {
+    Item: typeof ExpanderItem;
+    Trigger: typeof ExpanderTrigger;
+    Content: typeof ExpanderContent;
+};
+export {};

package/dist/components/Expander/index.d.ts

@@ -0,0 +1,2 @@
+export { Expander } from './Expander';
+export type { ExpanderProps } from './Expander';

package/dist/components/Menu/Menu.d.ts

@@ -0,0 +1,60 @@
+import { CSSProperties, ReactElement, ReactNode } from 'react';
+export interface MenuProps {
+    /** Menu children (Trigger, Content) */
+    children: ReactNode;
+}
+declare function MenuRoot({ children }: MenuProps): import("react/jsx-runtime").JSX.Element;
+declare namespace MenuRoot {
+    var displayName: string;
+}
+interface MenuTriggerProps {
+    /** Trigger element */
+    children: ReactElement;
+}
+declare function MenuTrigger({ children }: MenuTriggerProps): ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
+declare namespace MenuTrigger {
+    var displayName: string;
+}
+interface MenuContentProps {
+    /** Additional CSS class name */
+    className?: string;
+    /** Additional inline styles */
+    style?: CSSProperties;
+    /** Alignment relative to trigger (default: 'start') */
+    align?: 'start' | 'end';
+    /** Content children (MenuItem, MenuDivider) */
+    children: ReactNode;
+}
+declare function MenuContent({ className, style, align, children, }: MenuContentProps): import('react').ReactPortal | null;
+declare namespace MenuContent {
+    var displayName: string;
+}
+export interface MenuItemProps {
+    /** Click handler */
+    onClick?: () => void;
+    /** Whether the item is disabled */
+    disabled?: boolean;
+    /** Render as a destructive action (red) */
+    danger?: boolean;
+    /** Icon before the label */
+    startIcon?: ReactNode;
+    /** Item content */
+    children: ReactNode;
+    /** Additional CSS class name */
+    className?: string;
+}
+declare function MenuItem({ onClick, disabled, danger, startIcon, children, className, }: MenuItemProps): import("react/jsx-runtime").JSX.Element;
+declare namespace MenuItem {
+    var displayName: string;
+}
+declare function MenuDivider(): import("react/jsx-runtime").JSX.Element;
+declare namespace MenuDivider {
+    var displayName: string;
+}
+export declare const Menu: typeof MenuRoot & {
+    Trigger: typeof MenuTrigger;
+    Content: typeof MenuContent;
+    Item: typeof MenuItem;
+    Divider: typeof MenuDivider;
+};
+export {};

package/dist/components/Menu/index.d.ts

@@ -0,0 +1,2 @@
+export { Menu } from './Menu';
+export type { MenuProps, MenuItemProps } from './Menu';

package/dist/components/Pagination/Pagination.d.ts

@@ -0,0 +1,25 @@
+import { CSSProperties } from 'react';
+export interface PaginationProps {
+    /** Total number of pages */
+    totalPages: number;
+    /** Currently active page (1-indexed) */
+    currentPage: number;
+    /** Callback when page changes */
+    onChange: (page: number) => void;
+    /** Number of sibling pages to show around current (default: 1) */
+    siblingCount?: number;
+    /** Visual variant (default: 'default') */
+    variant?: 'default' | 'simple';
+    /** Size preset (default: 'md') */
+    size?: 'sm' | 'md' | 'lg';
+    /** Disable all pagination controls */
+    disabled?: boolean;
+    /** Additional CSS class name */
+    className?: string;
+    /** Additional inline styles */
+    style?: CSSProperties;
+}
+export declare function Pagination({ totalPages, currentPage, onChange, siblingCount, variant, size, disabled, className, style, }: PaginationProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace Pagination {
+    var displayName: string;
+}

package/dist/components/Pagination/index.d.ts

@@ -0,0 +1,2 @@
+export { Pagination } from './Pagination';
+export type { PaginationProps } from './Pagination';

package/dist/components/Progress/Progress.d.ts

@@ -0,0 +1,17 @@
+export interface ProgressProps {
+    /** Current progress value (0-100) */
+    value?: number;
+    /** Color variant */
+    variant?: 'primary' | 'secondary' | 'success' | 'danger';
+    /** Height of the progress bar */
+    size?: 'sm' | 'md' | 'lg';
+    /** Shows an animated indeterminate loading bar */
+    indeterminate?: boolean;
+    /** Shows the percentage label */
+    showLabel?: boolean;
+    /** Additional CSS class */
+    className?: string;
+    /** Inline styles */
+    style?: React.CSSProperties;
+}
+export declare function Progress({ value, variant, size, indeterminate, showLabel, className, style, }: ProgressProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Progress/index.d.ts

@@ -0,0 +1,2 @@
+export { Progress } from './Progress';
+export type { ProgressProps } from './Progress';

package/dist/components/Radio/Radio.d.ts

@@ -0,0 +1,14 @@
+import { InputHTMLAttributes } from 'react';
+export interface RadioProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'size'> {
+    /** Value of this radio option */
+    value: string;
+    /** Text label */
+    label?: string;
+    /** Whether the radio is disabled */
+    disabled?: boolean;
+    /** Additional CSS class */
+    className?: string;
+    /** Inline styles */
+    style?: React.CSSProperties;
+}
+export declare const Radio: import('react').ForwardRefExoticComponent<RadioProps & import('react').RefAttributes<HTMLInputElement>>;

package/dist/components/Radio/RadioContext.d.ts

@@ -0,0 +1,9 @@
+export interface RadioGroupContextValue {
+    name: string;
+    value?: string;
+    variant: 'primary' | 'secondary';
+    disabled?: boolean;
+    onChange?: (value: string) => void;
+}
+export declare const RadioGroupContext: import('react').Context<RadioGroupContextValue | null>;
+export declare function useRadioGroup(): RadioGroupContextValue | null;

package/dist/components/Radio/RadioGroup.d.ts

@@ -0,0 +1,27 @@
+import { ReactNode } from 'react';
+export interface RadioGroupProps {
+    /** Name attribute for all radios in this group */
+    name: string;
+    /** Controlled selected value */
+    value?: string;
+    /** Default selected value (uncontrolled) */
+    defaultValue?: string;
+    /** Callback when the selected value changes */
+    onChange?: (value: string) => void;
+    /** Color variant */
+    variant?: 'primary' | 'secondary';
+    /** Layout direction */
+    direction?: 'horizontal' | 'vertical';
+    /** Whether all radios are disabled */
+    disabled?: boolean;
+    /** Radio elements */
+    children: ReactNode;
+    /** Additional CSS class */
+    className?: string;
+    /** Inline styles */
+    style?: React.CSSProperties;
+}
+export declare function RadioGroup({ name, value: controlledValue, defaultValue, onChange, variant, direction, disabled, children, className, style, }: RadioGroupProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace RadioGroup {
+    var displayName: string;
+}

package/dist/components/Radio/index.d.ts

@@ -0,0 +1,4 @@
+export { Radio } from './Radio';
+export type { RadioProps } from './Radio';
+export { RadioGroup } from './RadioGroup';
+export type { RadioGroupProps } from './RadioGroup';

package/dist/components/Select/Select.d.ts

@@ -0,0 +1,38 @@
+export interface SelectOption {
+    value: string;
+    label: string;
+    disabled?: boolean;
+}
+export interface SelectProps {
+    /** Available options */
+    options: SelectOption[];
+    /** Controlled value (string for single, string[] for multi) */
+    value?: string | string[];
+    /** Default value (uncontrolled) */
+    defaultValue?: string | string[];
+    /** Change callback */
+    onChange?: (value: string | string[]) => void;
+    /** Placeholder text */
+    placeholder?: string;
+    /** Visual variant */
+    variant?: 'outlined' | 'filled';
+    /** Size */
+    size?: 'sm' | 'md' | 'lg';
+    /** Enable search/filter */
+    searchable?: boolean;
+    /** Enable multi-select */
+    multiple?: boolean;
+    /** Whether the select is disabled */
+    disabled?: boolean;
+    /** Whether the field is in error state */
+    error?: boolean;
+    /** Error message */
+    errorMessage?: string;
+    /** Stretches to fill container */
+    fullWidth?: boolean;
+    /** Additional CSS class */
+    className?: string;
+    /** Inline styles */
+    style?: React.CSSProperties;
+}
+export declare const Select: import('react').ForwardRefExoticComponent<SelectProps & import('react').RefAttributes<HTMLDivElement>>;

package/dist/components/Select/index.d.ts

@@ -0,0 +1,2 @@
+export { Select } from './Select';
+export type { SelectProps, SelectOption } from './Select';

package/dist/components/Slider/Slider.d.ts

@@ -0,0 +1,27 @@
+export interface SliderProps {
+    /** Controlled value */
+    value?: number;
+    /** Default value (uncontrolled) */
+    defaultValue?: number;
+    /** Minimum value */
+    min?: number;
+    /** Maximum value */
+    max?: number;
+    /** Step increment */
+    step?: number;
+    /** Change callback */
+    onChange?: (value: number) => void;
+    /** Color variant */
+    variant?: 'primary' | 'secondary';
+    /** Size */
+    size?: 'sm' | 'md' | 'lg';
+    /** Show the current value label */
+    showValue?: boolean;
+    /** Whether the slider is disabled */
+    disabled?: boolean;
+    /** Additional CSS class */
+    className?: string;
+    /** Inline styles */
+    style?: React.CSSProperties;
+}
+export declare const Slider: import('react').ForwardRefExoticComponent<SliderProps & import('react').RefAttributes<HTMLInputElement>>;

package/dist/components/Slider/index.d.ts

@@ -0,0 +1,2 @@
+export { Slider } from './Slider';
+export type { SliderProps } from './Slider';

package/dist/components/Switch/Switch.d.ts

@@ -0,0 +1,21 @@
+export interface SwitchProps {
+    /** Whether the switch is on (controlled) */
+    checked?: boolean;
+    /** Initial state (uncontrolled) */
+    defaultChecked?: boolean;
+    /** Callback when the switch is toggled */
+    onChange?: (checked: boolean) => void;
+    /** Color variant */
+    variant?: 'primary' | 'secondary';
+    /** Size of the switch */
+    size?: 'sm' | 'md' | 'lg';
+    /** Text label */
+    label?: string;
+    /** Whether the switch is disabled */
+    disabled?: boolean;
+    /** Additional CSS class */
+    className?: string;
+    /** Inline styles */
+    style?: React.CSSProperties;
+}
+export declare const Switch: import('react').ForwardRefExoticComponent<SwitchProps & import('react').RefAttributes<HTMLButtonElement>>;

package/dist/components/Switch/index.d.ts

@@ -0,0 +1,2 @@
+export { Switch } from './Switch';
+export type { SwitchProps } from './Switch';