czero 0.2.0 → 0.2.5

package/dist/react/index.d.ts

@@ -20,6 +20,7 @@ interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
     variant?: "primary" | "secondary" | "outline" | "ghost" | "danger" | "link";
     size?: "sm" | "md" | "lg" | "icon";
     loading?: boolean;
+    fullWidth?: boolean;
     asChild?: boolean;
 }
 declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
@@ -27,11 +28,14 @@ declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAtt
 interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "size"> {
     label?: string;
     description?: string;
-    error?: string;
-    size?: "sm" | "md" | "lg";
+    error?: boolean | string;
+    size?: "sm" | "md" | "lg" | "small" | "medium" | "large";
+    variant?: string;
+    icon?: React.ReactNode;
     leftIcon?: React.ReactNode;
     rightIcon?: React.ReactNode;
     onClear?: () => void;
+    showPasswordToggle?: boolean;
 }
 declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
 
@@ -52,6 +56,15 @@ interface BadgeProps extends React.HTMLAttributes<HTMLSpanElement> {
 }
 declare const Badge: React.ForwardRefExoticComponent<BadgeProps & React.RefAttributes<HTMLSpanElement>>;
 
+type StatusTone = "primary" | "success" | "danger" | "warning";
+interface StatusBadgeProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, "children"> {
+    status?: React.ReactNode;
+    children?: React.ReactNode;
+    tone?: StatusTone;
+    showDot?: boolean;
+}
+declare const StatusBadge: React.ForwardRefExoticComponent<StatusBadgeProps & React.RefAttributes<HTMLSpanElement>>;
+
 interface TextareaProps extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, "size"> {
     label?: string;
     description?: string;
@@ -126,18 +139,53 @@ interface SkeletonProps extends React.HTMLAttributes<HTMLDivElement> {
 }
 declare const Skeleton: React.ForwardRefExoticComponent<SkeletonProps & React.RefAttributes<HTMLDivElement>>;
 
-interface TabsProps extends React.ComponentPropsWithoutRef<typeof TabsPrimitive.Root> {
-    defaultValue?: string;
-    value?: string;
+type TabsValue = string | number | boolean;
+type TabsVariant = "underline" | "pills" | "enclosed";
+type TabsSize = "sm" | "md" | "lg" | "small" | "medium" | "large";
+interface TabsItem {
+    value: TabsValue;
+    label: React.ReactNode;
+    icon?: React.ReactNode;
+    count?: React.ReactNode;
+    disabled?: boolean;
+    content?: React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+}
+interface TabsProps extends Omit<React.ComponentPropsWithoutRef<typeof TabsPrimitive.Root>, "value" | "defaultValue" | "onValueChange" | "onChange"> {
+    defaultValue?: TabsValue;
+    value?: TabsValue;
+    activeTab?: TabsValue;
     onValueChange?: (value: string) => void;
+    onChange?: (value: TabsValue) => void;
+    setActiveTab?: (value: TabsValue) => void;
+    items?: TabsItem[];
+    tabs?: TabsItem[];
+    renderItem?: (item: TabsItem, state: {
+        isActive: boolean;
+    }) => React.ReactNode;
+    renderContent?: (item: TabsItem, state: {
+        isActive: boolean;
+    }) => React.ReactNode;
+    variant?: TabsVariant;
+    size?: TabsSize;
+    fullWidth?: boolean;
+    showBorder?: boolean;
+    disabled?: boolean;
+    listClassName?: string;
+    listStyle?: React.CSSProperties;
+    triggerClassName?: string;
+    triggerStyle?: React.CSSProperties;
 }
 interface TabsListProps extends React.ComponentPropsWithoutRef<typeof TabsPrimitive.List> {
 }
-interface TabsTriggerProps extends React.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger> {
-    value: string;
+interface TabsTriggerProps extends Omit<React.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger>, "value"> {
+    value: TabsValue;
+    icon?: React.ReactNode;
+    count?: React.ReactNode;
 }
-interface TabsContentProps extends React.ComponentPropsWithoutRef<typeof TabsPrimitive.Content> {
-    value: string;
+interface TabsContentProps extends Omit<React.ComponentPropsWithoutRef<typeof TabsPrimitive.Content>, "value"> {
+    value: TabsValue;
 }
 declare const Tabs: React.ForwardRefExoticComponent<TabsProps & React.RefAttributes<HTMLDivElement>> & {
     List: React.ForwardRefExoticComponent<TabsListProps & React.RefAttributes<HTMLDivElement>>;
@@ -171,6 +219,48 @@ declare const Dialog: React.FC<DialogProps> & {
     Overlay: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 };
 
+type ModalSize = "sm" | "md" | "lg" | "xl" | "full";
+type ModalCloseButtonVariant = "icon" | "button";
+interface ModalTabItem {
+    id: string;
+    name?: React.ReactNode;
+    label?: React.ReactNode;
+    icon?: React.ReactNode;
+    disabled?: boolean;
+}
+interface ModalProps extends Omit<React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>, "children" | "title"> {
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    isOpen?: boolean;
+    onClose?: () => void;
+    modal?: boolean;
+    trigger?: React.ReactNode;
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+    children: React.ReactNode;
+    footer?: React.ReactNode;
+    tabs?: ModalTabItem[];
+    activeTab?: string;
+    onTabChange?: (tabId: string) => void;
+    hideTitle?: boolean;
+    size?: ModalSize;
+    width?: number | string;
+    minHeight?: number | string;
+    fullHeight?: boolean;
+    showCloseButton?: boolean;
+    closeButtonVariant?: ModalCloseButtonVariant;
+    closeButtonText?: string;
+    closeOnOverlay?: boolean;
+    closeOnEsc?: boolean;
+    portalContainer?: HTMLElement;
+    overlayClassName?: string;
+    headerClassName?: string;
+    bodyClassName?: string;
+    footerClassName?: string;
+}
+declare const Modal: React.ForwardRefExoticComponent<ModalProps & React.RefAttributes<HTMLDivElement>>;
+
 interface SelectProps {
     value?: string;
     defaultValue?: string;
@@ -237,6 +327,43 @@ declare const Table: React.ForwardRefExoticComponent<TableProps & React.RefAttri
     Cell: React.ForwardRefExoticComponent<TableCellProps & React.RefAttributes<HTMLTableCellElement>>;
 };
 
+type DataTableRow = Record<string, unknown>;
+type DataTableRowId = string | number;
+type DataTableSortDirection = "asc" | "desc";
+type DataTableAlign = "left" | "center" | "right";
+interface DataTableColumn {
+    key: string;
+    header: React.ReactNode;
+    render?: (row: DataTableRow, value: unknown) => React.ReactNode;
+    sortable?: boolean;
+    align?: DataTableAlign;
+    width?: React.CSSProperties["width"];
+    className?: string;
+    customHeaderRender?: () => React.ReactNode;
+}
+interface DataTableProps extends React.HTMLAttributes<HTMLDivElement> {
+    data?: DataTableRow[];
+    columns?: DataTableColumn[];
+    selectable?: boolean;
+    selectedRows?: DataTableRowId[];
+    onSelectionChange?: (selectedRows: DataTableRowId[]) => void;
+    sortable?: boolean;
+    defaultSortKey?: string | null;
+    defaultSortDir?: DataTableSortDirection;
+    pagination?: boolean;
+    pageSize?: number;
+    currentPage?: number;
+    onPageChange?: (page: number) => void;
+    loading?: boolean;
+    isLoading?: boolean;
+    emptyState?: React.ReactNode;
+    emptyMessage?: string;
+    onRowClick?: (row: DataTableRow) => void;
+    getRowId?: (row: DataTableRow, index: number) => DataTableRowId;
+    variant?: "default" | "striped" | "bordered";
+}
+declare const DataTable: React.ForwardRefExoticComponent<DataTableProps & React.RefAttributes<HTMLDivElement>>;
+
 interface AccordionSingleProps extends React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Root> {
     type?: "single";
     defaultValue?: string;
@@ -434,5 +561,5 @@ interface ThemeContextValue {
 declare const ThemeProvider: React.FC<ThemeProviderProps>;
 declare function useTheme(): ThemeContextValue;
 
-export { Accordion, Alert, AspectRatio, Avatar, Badge, Breadcrumb, Button, Card, Checkbox, Code, Container, Dialog, DropdownMenu, Grid, Input, Kbd, Label, Progress, RadioGroup, ScrollArea, Select, Separator, Skeleton, Spinner, Stack, Switch, Table, Tabs, Tag, Textarea, ThemeProvider, Toast, ToastProvider, Toaster, Tooltip, TooltipProvider, VisuallyHidden, useTheme, useToast };
-export type { AccordionContentProps, AccordionItemProps, AccordionProps, AccordionTriggerProps, AlertProps, AspectRatioProps, AvatarProps, BadgeProps, BreadcrumbItemProps, BreadcrumbLinkProps, BreadcrumbListProps, BreadcrumbPageProps, BreadcrumbProps, BreadcrumbSeparatorProps, ButtonProps, CardProps, CheckboxProps, CodeProps, ContainerProps, DialogContentProps, DialogFooterProps, DialogHeaderProps, DialogProps, DialogTriggerProps, DropdownMenuCheckboxItemProps, DropdownMenuContentProps, DropdownMenuItemProps, DropdownMenuProps, DropdownMenuTriggerProps, GridProps, InputProps, KbdProps, LabelProps, ProgressProps, RadioGroupItemProps, RadioGroupProps, ScrollAreaProps, SelectProps, SeparatorProps, SkeletonProps, SpinnerProps, StackProps, SwitchProps, TableBodyProps, TableCellProps, TableHeadProps, TableHeaderProps, TableProps, TableRowProps, TabsContentProps, TabsListProps, TabsProps, TabsTriggerProps, TagProps, TextareaProps, Theme, ThemeContextValue, ThemeProviderProps, ToastProps, ToasterProps, TooltipProps, VisuallyHiddenProps };
+export { Accordion, Alert, AspectRatio, Avatar, Badge, Breadcrumb, Button, Card, Checkbox, Code, Container, DataTable, Dialog, DropdownMenu, Grid, Input, Kbd, Label, Modal, Progress, RadioGroup, ScrollArea, Select, Separator, Skeleton, Spinner, Stack, StatusBadge, Switch, Table, Tabs, Tag, Textarea, ThemeProvider, Toast, ToastProvider, Toaster, Tooltip, TooltipProvider, VisuallyHidden, useTheme, useToast };
+export type { AccordionContentProps, AccordionItemProps, AccordionProps, AccordionTriggerProps, AlertProps, AspectRatioProps, AvatarProps, BadgeProps, BreadcrumbItemProps, BreadcrumbLinkProps, BreadcrumbListProps, BreadcrumbPageProps, BreadcrumbProps, BreadcrumbSeparatorProps, ButtonProps, CardProps, CheckboxProps, CodeProps, ContainerProps, DataTableAlign, DataTableColumn, DataTableProps, DataTableSortDirection, DialogContentProps, DialogFooterProps, DialogHeaderProps, DialogProps, DialogTriggerProps, DropdownMenuCheckboxItemProps, DropdownMenuContentProps, DropdownMenuItemProps, DropdownMenuProps, DropdownMenuTriggerProps, GridProps, InputProps, KbdProps, LabelProps, ModalCloseButtonVariant, ModalProps, ModalSize, ProgressProps, RadioGroupItemProps, RadioGroupProps, ScrollAreaProps, SelectProps, SeparatorProps, SkeletonProps, SpinnerProps, StackProps, StatusBadgeProps, SwitchProps, TableBodyProps, TableCellProps, TableHeadProps, TableHeaderProps, TableProps, TableRowProps, TabsContentProps, TabsItem, TabsListProps, TabsProps, TabsSize, TabsTriggerProps, TabsValue, TabsVariant, TagProps, TextareaProps, Theme, ThemeContextValue, ThemeProviderProps, ToastProps, ToasterProps, TooltipProps, VisuallyHiddenProps };