@ttianqii/takaui 0.1.2 → 0.1.4

package/dist/index.d.ts

@@ -1 +1,451 @@
-export {}
+import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
+import { ClassValue } from 'clsx';
+import { Column } from '@tanstack/react-table';
+import { default as default_2 } from 'react';
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+import { JSX } from 'react/jsx-runtime';
+import * as LabelPrimitive from '@radix-ui/react-label';
+import * as PopoverPrimitive from '@radix-ui/react-popover';
+import * as React_2 from 'react';
+import { ReactNode } from 'react';
+import * as SelectPrimitive from '@radix-ui/react-select';
+import { Table as Table_2 } from '@tanstack/react-table';
+
+export declare const Button: React_2.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;
+
+declare interface ButtonProps extends React_2.ComponentProps<"button"> {
+    variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link";
+    size?: "default" | "sm" | "lg" | "icon" | "icon-sm" | "icon-lg";
+    asChild?: boolean;
+}
+
+export declare function Calendar({ selected, onSelect, events, holidays, className, ...props }: CalendarProps): JSX.Element;
+
+declare interface CalendarEvent {
+    date: Date;
+    title: string;
+    type?: string;
+    time?: string;
+    id?: string;
+    location?: string;
+}
+
+declare interface CalendarProps {
+    selected?: Date;
+    onSelect?: (date: Date) => void;
+    events?: CalendarEvent[];
+    holidays?: Holiday[];
+    className?: string;
+}
+
+export declare const Card: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLDivElement> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const CardContent: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLDivElement> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const CardDescription: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLParagraphElement> & React_2.RefAttributes<HTMLParagraphElement>>;
+
+export declare const CardFooter: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLDivElement> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const CardHeader: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLDivElement> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const CardTitle: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLHeadingElement> & React_2.RefAttributes<HTMLParagraphElement>>;
+
+export declare const Checkbox: React_2.ForwardRefExoticComponent<Omit<CheckboxPrimitive.CheckboxProps & React_2.RefAttributes<HTMLButtonElement>, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;
+
+export declare function cn(...inputs: ClassValue[]): string;
+
+export declare const convertTimezone: (date: Date, fromTz: string, toTz: string) => Date;
+
+export declare interface CustomField {
+    key: string;
+    label: string;
+    type: "text" | "number" | "select";
+    placeholder?: string;
+    options?: {
+        label: string;
+        value: string;
+    }[];
+    icon?: React_2.ReactNode;
+    showInCard?: boolean;
+    required?: boolean;
+}
+
+export declare function DataGrid<T extends Record<string, unknown>>({ columns, data, getRowId, onRowClick, children, recordCount, }: DataGridProps<T>): JSX.Element;
+
+export declare interface DataGridColumn<T = Record<string, unknown>> {
+    id: string;
+    accessorKey?: keyof T;
+    header: string | default_2.ReactNode;
+    cell?: (row: T, index: number) => default_2.ReactNode;
+    size?: number;
+    enableSorting?: boolean;
+    enableHiding?: boolean;
+    align?: 'left' | 'center' | 'right';
+}
+
+export declare function DataGridColumnHeader({ id, title }: DataGridColumnHeaderProps): JSX.Element;
+
+declare interface DataGridColumnHeaderProps {
+    id: string;
+    title: string;
+}
+
+declare interface DataGridContextValue<T = Record<string, unknown>> {
+    columns: DataGridColumn<T>[];
+    data: T[];
+    getRowId: (row: T) => string;
+    onRowClick?: (row: T) => void;
+    pagination: {
+        pageIndex: number;
+        pageSize: number;
+    };
+    setPagination: default_2.Dispatch<default_2.SetStateAction<{
+        pageIndex: number;
+        pageSize: number;
+    }>>;
+    canPreviousPage: boolean;
+    canNextPage: boolean;
+    previousPage: () => void;
+    nextPage: () => void;
+    setPageSize: (size: number) => void;
+    goToPage: (page: number) => void;
+    pageCount: number;
+    sorting: {
+        id: string;
+        desc: boolean;
+    }[];
+    setSorting: default_2.Dispatch<default_2.SetStateAction<{
+        id: string;
+        desc: boolean;
+    }[]>>;
+    selectedRows: Set<string>;
+    toggleRow: (id: string) => void;
+    toggleAllRows: () => void;
+    isAllRowsSelected: boolean;
+    paginatedData: T[];
+    sortedData: T[];
+    totalPages: number;
+    recordCount: number;
+}
+
+export declare function DataGridPagination({ mode, pageSizeOptions }: DataGridPaginationProps): JSX.Element;
+
+declare interface DataGridPaginationProps {
+    mode?: 'simple' | 'advanced';
+    pageSizeOptions?: number[];
+}
+
+export declare interface DataGridProps<T = Record<string, unknown>> {
+    columns: DataGridColumn<T>[];
+    data: T[];
+    getRowId?: (row: T) => string;
+    onRowClick?: (row: T) => void;
+    children: ReactNode;
+    recordCount?: number;
+}
+
+export declare function DataGridTable(): JSX.Element;
+
+export declare function DataGridTableRowSelect<T = Record<string, unknown>>({ row, }: DataGridTableRowSelectProps<T>): JSX.Element;
+
+export declare function DataGridTableRowSelectAll(): JSX.Element;
+
+declare interface DataGridTableRowSelectProps<T = Record<string, unknown>> {
+    row: T;
+}
+
+export declare function DataTable<T = Record<string, unknown>>({ data, columns, searchPlaceholder, onRowClick, className, showPagination, showSearch, pageSize: initialPageSize, renderToolbar, variant, }: DataTableProps<T>): JSX.Element;
+
+export declare interface DataTableColumn<T = Record<string, unknown>> {
+    key: string;
+    header: string | default_2.ReactNode;
+    accessor?: (row: T) => unknown;
+    cell?: (value: unknown, row: T, index: number) => default_2.ReactNode;
+    sortable?: boolean;
+    width?: string;
+    align?: 'left' | 'center' | 'right';
+}
+
+export declare interface DataTableProps<T = Record<string, unknown>> {
+    data: T[];
+    columns: DataTableColumn<T>[];
+    searchPlaceholder?: string;
+    onRowClick?: (row: T) => void;
+    className?: string;
+    showPagination?: boolean;
+    showSearch?: boolean;
+    pageSize?: number;
+    renderToolbar?: () => default_2.ReactNode;
+    variant?: 'default' | 'clean';
+}
+
+export declare function DatePicker({ date, onDateChange, mode, dateRange, onDateRangeChange, placeholder, dateFormat, disabled, className, variant, size, align, showIcon, icon, minDate, maxDate, disabledDates, isDateDisabled, fullWidth, customTrigger, numberOfMonths, holidays, }: DatePickerProps): JSX.Element;
+
+export declare interface DatePickerProps {
+    /** The selected date */
+    date?: Date;
+    /** Callback when date changes */
+    onDateChange?: (date: Date | undefined) => void;
+    /** Mode: single date or range */
+    mode?: 'single' | 'range';
+    /** Selected date range (for range mode) */
+    dateRange?: {
+        from?: Date;
+        to?: Date;
+    };
+    /** Callback when date range changes (for range mode) */
+    onDateRangeChange?: (range: {
+        from?: Date;
+        to?: Date;
+    } | undefined) => void;
+    /** Placeholder text when no date is selected */
+    placeholder?: string;
+    /** Date format string (default: "PPP") */
+    dateFormat?: string;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Custom className for the trigger button */
+    className?: string;
+    /** Button variant */
+    variant?: "default" | "outline" | "ghost";
+    /** Button size */
+    size?: "default" | "sm" | "lg";
+    /** Alignment of the popover */
+    align?: "start" | "center" | "end";
+    /** Show icon in button */
+    showIcon?: boolean;
+    /** Custom icon */
+    icon?: React_2.ReactNode;
+    /** Minimum selectable date */
+    minDate?: Date;
+    /** Maximum selectable date */
+    maxDate?: Date;
+    /** Array of disabled dates */
+    disabledDates?: Date[];
+    /** Function to determine if a date should be disabled */
+    isDateDisabled?: (date: Date) => boolean;
+    /** Full width button */
+    fullWidth?: boolean;
+    /** Custom trigger element */
+    customTrigger?: React_2.ReactNode;
+    /** Number of months to display (1 or 2) */
+    numberOfMonths?: 1 | 2;
+    /** Array of holidays to display */
+    holidays?: Holiday[];
+}
+
+export declare function DropdownMenu({ ...props }: React_2.ComponentProps<typeof DropdownMenuPrimitive.Root>): JSX.Element;
+
+export declare function DropdownMenuCheckboxItem({ className, children, checked, ...props }: React_2.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>): JSX.Element;
+
+export declare function DropdownMenuContent({ className, sideOffset, ...props }: React_2.ComponentProps<typeof DropdownMenuPrimitive.Content>): JSX.Element;
+
+export declare function DropdownMenuGroup({ ...props }: React_2.ComponentProps<typeof DropdownMenuPrimitive.Group>): JSX.Element;
+
+export declare function DropdownMenuItem({ className, inset, variant, ...props }: React_2.ComponentProps<typeof DropdownMenuPrimitive.Item> & {
+    inset?: boolean;
+    variant?: "default" | "destructive";
+}): JSX.Element;
+
+export declare function DropdownMenuLabel({ className, inset, ...props }: React_2.ComponentProps<typeof DropdownMenuPrimitive.Label> & {
+    inset?: boolean;
+}): JSX.Element;
+
+export declare function DropdownMenuPortal({ ...props }: React_2.ComponentProps<typeof DropdownMenuPrimitive.Portal>): JSX.Element;
+
+export declare function DropdownMenuRadioGroup({ ...props }: React_2.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>): JSX.Element;
+
+export declare function DropdownMenuRadioItem({ className, children, ...props }: React_2.ComponentProps<typeof DropdownMenuPrimitive.RadioItem>): JSX.Element;
+
+export declare function DropdownMenuSeparator({ className, ...props }: React_2.ComponentProps<typeof DropdownMenuPrimitive.Separator>): JSX.Element;
+
+export declare function DropdownMenuShortcut({ className, ...props }: React_2.ComponentProps<"span">): JSX.Element;
+
+export declare function DropdownMenuSub({ ...props }: React_2.ComponentProps<typeof DropdownMenuPrimitive.Sub>): JSX.Element;
+
+export declare function DropdownMenuSubContent({ className, ...props }: React_2.ComponentProps<typeof DropdownMenuPrimitive.SubContent>): JSX.Element;
+
+export declare function DropdownMenuSubTrigger({ className, inset, children, ...props }: React_2.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {
+    inset?: boolean;
+}): JSX.Element;
+
+export declare function DropdownMenuTrigger({ ...props }: React_2.ComponentProps<typeof DropdownMenuPrimitive.Trigger>): JSX.Element;
+
+export declare const formatTimeWithTimezone: (date: Date, timezone: string, format?: "12h" | "24h", showSeconds?: boolean) => string;
+
+export declare interface Holiday {
+    date: Date;
+    name: string;
+    country?: string;
+}
+
+export declare const Input: React_2.ForwardRefExoticComponent<React_2.InputHTMLAttributes<HTMLInputElement> & React_2.RefAttributes<HTMLInputElement>>;
+
+export declare const Label: React_2.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React_2.RefAttributes<HTMLLabelElement>, "ref"> & React_2.RefAttributes<HTMLLabelElement>>;
+
+export declare const Modal: React_2.FC<DialogPrimitive.DialogProps>;
+
+export declare const Popover: React_2.FC<PopoverPrimitive.PopoverProps>;
+
+export declare const PopoverAnchor: React_2.ForwardRefExoticComponent<PopoverPrimitive.PopoverAnchorProps & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const PopoverContent: React_2.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const PopoverTrigger: React_2.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React_2.RefAttributes<HTMLButtonElement>>;
+
+export declare function Schedule({ title, subtitle, events, onEventAdd, onEventUpdate, onEventDelete, className, timeSlots, daysOfWeek, showAddButton, eventColors, customFields, showWeekNavigation, showHalfHourLines, showCurrentTimeIndicator, slotHeight, }: ScheduleProps): JSX.Element;
+
+export declare interface ScheduleEvent {
+    id: string;
+    title: string;
+    day: string;
+    startTime: string;
+    endTime: string;
+    color: string;
+    description?: string;
+    recurrenceType?: 'none' | 'weekly' | 'monthly' | 'yearly';
+    specificDate?: string;
+    [key: string]: string | number | boolean | Date | undefined;
+}
+
+export declare interface ScheduleProps {
+    title?: string;
+    subtitle?: string;
+    events: ScheduleEvent[];
+    onEventAdd?: (event: Omit<ScheduleEvent, "id">) => void;
+    onEventUpdate?: (event: ScheduleEvent) => void;
+    onEventDelete?: (eventId: string) => void;
+    className?: string;
+    timeSlots?: string[];
+    daysOfWeek?: string[];
+    showAddButton?: boolean;
+    eventColors?: {
+        name: string;
+        value: string;
+    }[];
+    customFields?: CustomField[];
+    showWeekNavigation?: boolean;
+    showHalfHourLines?: boolean;
+    showCurrentTimeIndicator?: boolean;
+    slotHeight?: number;
+}
+
+export declare const Select: React_2.FC<SelectPrimitive.SelectProps>;
+
+export declare const SelectContent: React_2.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectContentProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const SelectGroup: React_2.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const SelectItem: React_2.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const SelectLabel: React_2.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectLabelProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const SelectSeparator: React_2.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectSeparatorProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const SelectTrigger: React_2.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & React_2.RefAttributes<HTMLButtonElement>, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;
+
+export declare const SelectValue: React_2.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React_2.RefAttributes<HTMLSpanElement>>;
+
+export declare const Separator: React_2.ForwardRefExoticComponent<SeparatorProps & React_2.RefAttributes<HTMLDivElement>>;
+
+declare interface SeparatorProps extends React_2.HTMLAttributes<HTMLDivElement> {
+    orientation?: "horizontal" | "vertical";
+    decorative?: boolean;
+}
+
+export declare function SortableHeader<TData, TValue>({ column, title, align, className, }: SortableHeaderProps<TData, TValue>): JSX.Element;
+
+export declare interface SortableHeaderProps<TData, TValue> extends React.HTMLAttributes<HTMLDivElement> {
+    column: Column<TData, TValue>;
+    title: string;
+    align?: "left" | "center" | "right";
+}
+
+export declare function Table({ className, variant, ...props }: React_2.ComponentProps<"table"> & {
+    variant?: TableVariant;
+}): JSX.Element;
+
+export declare function TableBody({ className, ...props }: React_2.ComponentProps<"tbody">): JSX.Element;
+
+export declare function TableCaption({ className, ...props }: React_2.ComponentProps<"caption">): JSX.Element;
+
+export declare function TableCell({ className, ...props }: React_2.ComponentProps<"td">): JSX.Element;
+
+export declare function TableContent(): JSX.Element;
+
+export declare function TableFooter({ className, ...props }: React_2.ComponentProps<"tfoot">): JSX.Element;
+
+export declare function TableHead({ className, ...props }: React_2.ComponentProps<"th">): JSX.Element;
+
+export declare function TableHeader({ className, ...props }: React_2.ComponentProps<"thead">): JSX.Element;
+
+export declare function TableNavigator({ rowsPerPageOptions, showPageSelector, showRecordInfo, showControls, }?: TableNavigatorProps): JSX.Element;
+
+export declare interface TableNavigatorProps {
+    rowsPerPageOptions?: number[];
+    showPageSelector?: boolean;
+    showRecordInfo?: boolean;
+    showControls?: boolean;
+}
+
+export declare function TableRoot<TData>({ table, totalRecords, children }: TableRootProps<TData>): JSX.Element;
+
+declare interface TableRootProps<TData> {
+    table: Table_2<TData>;
+    totalRecords: number;
+    children: React_2.ReactNode;
+}
+
+export declare function TableRow({ className, ...props }: React_2.ComponentProps<"tr">): JSX.Element;
+
+declare type TableVariant = "default" | "clean";
+
+export declare function TableWrapper({ children, className }: TableWrapperProps): JSX.Element;
+
+declare interface TableWrapperProps {
+    children: React_2.ReactNode;
+    className?: string;
+}
+
+export declare const TimePicker: default_2.FC<TimePickerProps>;
+
+declare interface TimePickerProps {
+    time: Date | undefined;
+    onTimeChange: (date: Date | undefined) => void;
+    timezone?: string;
+    onTimezoneChange?: (timezone: string) => void;
+    format?: '12h' | '24h';
+    showTimezone?: boolean;
+    minuteStep?: 1 | 5 | 10 | 15 | 30;
+    showSeconds?: boolean;
+    placeholder?: string;
+    variant?: 'default' | 'outline' | 'ghost';
+    size?: 'sm' | 'default' | 'lg';
+    showClockFace?: boolean;
+}
+
+export declare const TIMEZONES: {
+    label: string;
+    offset: number;
+}[];
+
+export declare function useDataGrid<T = Record<string, unknown>>(): DataGridContextValue<T>;
+
+export declare function WeekNavigator({ onWeekChange, initialDate, className, compact }: WeekNavigatorProps): JSX.Element;
+
+export declare interface WeekNavigatorProps {
+    onWeekChange?: (weekStart: Date) => void;
+    initialDate?: Date;
+    className?: string;
+    compact?: boolean;
+}
+
+export declare const weekNavigatorUtils: {
+    calculateWeekDates: (startDate: Date) => Date[];
+    formatDateDisplay: (date: Date) => string;
+    getWeekNumber: (date: Date) => number;
+    getWeekOfMonth: (date: Date) => number;
+};
+
+export { }