@unizap/uniui 1.0.3 → 1.0.6

package/dist/components/Accordion/Accordion.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { AccordionProps } from './Accordion.types';
+declare const Accordion: React.FC<AccordionProps>;
+export default Accordion;

package/dist/components/Accordion/Accordion.types.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+export interface AccordionProps {
+    title: ReactNode;
+    content: ReactNode;
+    expandIcon?: ReactNode;
+    collapseIcon?: ReactNode;
+    isOpen?: boolean;
+    defaultExpanded?: boolean;
+    onToggle?: (expanded: boolean) => void;
+    className?: string;
+    titleClass?: string;
+    contentClass?: string;
+}

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

@@ -0,0 +1 @@
+export { default } from './Accordion';

package/dist/components/ActionMenu/ActionMenu.d.ts

@@ -0,0 +1,2 @@
+import { ActionMenuProps } from './ActionMenu.types';
+export default function ActionMenu({ items, trigger, className, dropdownItemClass }: ActionMenuProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/ActionMenu/ActionMenu.types.d.ts

@@ -0,0 +1,14 @@
+import { ReactNode } from 'react';
+export interface ActionMenuItem {
+    label?: string;
+    icon?: ReactNode;
+    itemClass?: string;
+    disabled?: boolean;
+    onClick?: () => void;
+}
+export interface ActionMenuProps {
+    items: ActionMenuItem[];
+    trigger: ReactNode;
+    className?: string;
+    dropdownItemClass?: string;
+}

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

@@ -0,0 +1 @@
+export { default } from './ActionMenu';

package/dist/components/Alert/Alert.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { AlertProps } from './Alert.types';
+declare const Alert: React.FC<AlertProps>;
+export default Alert;

package/dist/components/Alert/Alert.types.d.ts

@@ -0,0 +1,8 @@
+export interface AlertProps {
+    message: string;
+    variant?: 'info' | 'success' | 'danger' | 'warning' | 'dark';
+    onClose?: () => void;
+    autoClose?: boolean;
+    autoCloseDuration?: number;
+    className?: string;
+}

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

@@ -0,0 +1 @@
+export { default } from './Alert';

package/dist/components/Avatar/Avatar.d.ts

@@ -0,0 +1,3 @@
+import { AvatarProps } from './Avatar.types';
+declare const Avatar: ({ src, alt, size, fallback, className, color, shape, }: AvatarProps) => import("react/jsx-runtime").JSX.Element;
+export default Avatar;

package/dist/components/Avatar/Avatar.types.d.ts

@@ -0,0 +1,10 @@
+import { CompColor } from '../../utils/ColorMap';
+export interface AvatarProps {
+    src?: string;
+    alt?: string;
+    fallback?: React.ReactNode;
+    size?: 'sm' | 'md' | 'lg' | 'xl';
+    shape?: 'circle' | 'rounded' | 'square';
+    color?: CompColor;
+    className?: string;
+}

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

@@ -0,0 +1 @@
+export { default } from './Avatar';

package/dist/components/Badge/Badge.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { BadgeProps } from './Badge.types';
+declare const Badge: React.FC<BadgeProps>;
+export default Badge;

package/dist/components/Badge/Badge.types.d.ts

@@ -0,0 +1,9 @@
+import { CompColor } from '../../utils/ColorMap';
+export interface BadgeProps {
+    children: React.ReactNode;
+    count?: number;
+    showDot?: boolean;
+    max?: number;
+    color?: CompColor;
+    position?: 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left';
+}

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

@@ -0,0 +1 @@
+export { default } from './Badge';

package/dist/components/BottomNavigation/BottomNavigation.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { BottomNavigationProps } from './BottomNavigation.types';
+declare const BottomNavigation: React.FC<BottomNavigationProps>;
+export default BottomNavigation;

package/dist/components/BottomNavigation/BottomNavigation.types.d.ts

@@ -0,0 +1,14 @@
+export interface NavItem {
+    label: string;
+    icon: React.ReactNode;
+    path: string;
+}
+export interface BottomNavigationProps {
+    variant?: 'floating' | 'static' | 'fixed';
+    activeTab: string;
+    navItems: NavItem[];
+    onTabChange: (label: string) => void;
+    className?: string;
+    activeClass?: string;
+    buttonClass?: string;
+}

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

@@ -0,0 +1 @@
+export { default } from './BottomNavigation';

package/dist/components/Breadcrumbs/Breadcrumbs.d.ts

@@ -0,0 +1,3 @@
+import { BreadcrumbsProps } from './Breadcrumbs.types';
+declare const Breadcrumbs: ({ items, separator, className }: BreadcrumbsProps) => import("react/jsx-runtime").JSX.Element;
+export default Breadcrumbs;

package/dist/components/Breadcrumbs/Breadcrumbs.types.d.ts

@@ -0,0 +1,9 @@
+export interface BreadcrumbItem {
+    label: string;
+    href?: string;
+}
+export interface BreadcrumbsProps {
+    items: BreadcrumbItem[];
+    separator?: string;
+    className?: string;
+}

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

@@ -0,0 +1 @@
+export { default } from './Breadcrumbs';

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

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { IButtonProps } from './Button.types';
+declare const Button: React.FC<IButtonProps>;
+export default Button;

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

@@ -0,0 +1,18 @@
+import { default as React } from 'react';
+import { CompColor } from '../../utils/ColorMap';
+export interface IButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    title?: string;
+    variant?: 'filled' | 'outlined' | 'text';
+    color?: CompColor;
+    size?: 'small' | 'medium' | 'large';
+    children?: React.ReactNode;
+    className?: string;
+    fullWidth?: boolean;
+    disabled?: boolean;
+    roundedFull?: boolean;
+    icon?: React.ReactNode;
+    href?: string;
+    target?: '_blank' | '_self' | '_parent' | '_top';
+    type?: 'submit' | 'reset' | 'button';
+    onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+}

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

@@ -0,0 +1 @@
+export { default } from './Button';

package/dist/components/Card/Card.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { ICardProps } from './Card.types';
+declare const Card: React.FC<ICardProps>;
+export default Card;

package/dist/components/Card/Card.types.d.ts

@@ -0,0 +1,17 @@
+import { default as React } from 'react';
+export interface ICardProps {
+    title?: string;
+    subtitle?: string;
+    space?: 'none' | 'small' | 'medium' | 'large';
+    shadow?: 'default' | 'small' | 'medium' | 'large';
+    roundness?: 'small' | 'medium' | 'large';
+    image?: string;
+    divider?: boolean;
+    actionMenu?: React.ReactNode;
+    children?: React.ReactNode;
+    className?: string;
+    hoverable?: boolean;
+    bordered?: boolean;
+    onClick?: () => void;
+    loaderJsx?: boolean;
+}

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

@@ -0,0 +1 @@
+export { default } from './Card';

package/dist/components/CardWrapper/CardWrapper.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+interface CardWrapperProps {
+    children?: React.ReactNode;
+    className?: string;
+    border?: boolean;
+}
+declare const CardWrapper: React.FC<CardWrapperProps>;
+export default CardWrapper;

package/dist/components/CardWrapper/CardWrapper.types.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1 @@
+export { default } from './CardWrapper';

package/dist/components/Carousel/Carousel.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { CarouselProps } from './Carousel.types';
+declare const Carousel: React.FC<CarouselProps>;
+export default Carousel;

package/dist/components/Carousel/Carousel.types.d.ts

@@ -0,0 +1,21 @@
+export interface CarouselProps {
+    children: React.ReactNode[];
+    width?: string;
+    height?: string;
+    showIndicators?: boolean;
+    showArrows?: boolean;
+    autoplay?: boolean;
+    interval?: number;
+    infiniteLoop?: boolean;
+    perview?: number;
+    onClickItem?: (index: number) => void;
+    showThumbs?: boolean;
+    pauseOnHover?: boolean;
+    swipeable?: boolean;
+    thumbWidth?: number;
+    gap?: number;
+    nextIcon?: React.ReactNode;
+    prevIcon?: React.ReactNode;
+    className?: string;
+    orientation?: 'horizontal' | 'vertical';
+}

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

@@ -0,0 +1 @@
+export { default } from './Carousel';

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

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { ICheckboxProps } from './Checkbox.types';
+declare const Checkbox: React.FC<ICheckboxProps>;
+export default Checkbox;

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

@@ -0,0 +1,9 @@
+export interface ICheckboxProps {
+    label?: string;
+    checked?: boolean;
+    disabled?: boolean;
+    onChange?: (checked: boolean) => void;
+    className?: string;
+    labelClass?: string;
+    id?: string;
+}

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

@@ -0,0 +1 @@
+export { default } from './Checkbox';

package/dist/components/DashboardStatBoxes/DashboardStatBoxes.d.ts

@@ -0,0 +1,3 @@
+import { DashboardStatBoxesProps } from './DashboardStatBoxes.types';
+declare const DashboardStatBoxes: ({ stats, className, }: DashboardStatBoxesProps) => import("react/jsx-runtime").JSX.Element;
+export default DashboardStatBoxes;

package/dist/components/DashboardStatBoxes/DashboardStatBoxes.types.d.ts

@@ -0,0 +1,12 @@
+export type DashboardStatBox = {
+    icon: React.ReactNode;
+    name: string;
+    value: string;
+    className?: string;
+    accentColor?: string;
+    accentBackground?: string;
+};
+export type DashboardStatBoxesProps = {
+    stats: DashboardStatBox[];
+    className?: string;
+};

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

@@ -0,0 +1 @@
+export { default } from './DashboardStatBoxes';

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

@@ -0,0 +1,3 @@
+import { DatePickerProps } from './DatePicker.types';
+export declare const DatePicker: ({ mode, type, showTime, onlyTime, className, onChange, placeholder, icon, disableBefore, disableAfter, selectedDate, }: DatePickerProps) => import("react/jsx-runtime").JSX.Element;
+export default DatePicker;

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

@@ -0,0 +1,16 @@
+export interface DatePickerProps {
+    mode?: 'single' | 'range';
+    type?: 'inline' | 'dialog';
+    showTime?: boolean;
+    onlyTime?: boolean;
+    className?: string;
+    onChange?: (value: number | null | {
+        startDate: number | null;
+        endDate: number | null;
+    }) => void;
+    placeholder?: string;
+    icon?: React.ReactNode;
+    disableBefore?: number;
+    disableAfter?: number;
+    selectedDate?: number | null;
+}

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

@@ -0,0 +1 @@
+export { default } from './DatePicker';

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

@@ -0,0 +1,3 @@
+import { DialogProps, DialogHandle } from './Dialog.types';
+declare const Dialog: import('react').ForwardRefExoticComponent<DialogProps & import('react').RefAttributes<DialogHandle>>;
+export default Dialog;

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

@@ -0,0 +1,17 @@
+import { default as React } from 'react';
+export interface DialogProps {
+    open?: boolean;
+    onClose?: () => void;
+    className?: string;
+    title?: string;
+    children: React.ReactNode;
+    actions?: React.ReactNode;
+    showCloseIcon?: boolean;
+    fullscreen?: boolean;
+    fullWidth?: boolean;
+    maxWidth?: 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '4xl' | '6xl';
+}
+export interface DialogHandle {
+    open: () => void;
+    close: () => void;
+}

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

@@ -0,0 +1 @@
+export { default } from './Dialog';

package/dist/components/Divider/Divider.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { DividerProps } from './Divider.types';
+declare const Divider: React.FC<DividerProps>;
+export default Divider;

package/dist/components/Divider/Divider.types.d.ts

@@ -0,0 +1,6 @@
+export type DividerProps = {
+    orientation?: 'horizontal' | 'vertical';
+    variant?: 'fullWidth' | 'inset';
+    children?: React.ReactNode;
+    className?: string;
+};

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

@@ -0,0 +1 @@
+export { default } from './Divider';

package/dist/components/Drawer/Drawer.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { DrawerProps } from './Drawer.types';
+declare const Drawer: ({ open, onClose, className, title, children, childrenClass, actions, showCloseIcon, anchor, }: DrawerProps) => React.ReactPortal;
+export default Drawer;

package/dist/components/Drawer/Drawer.types.d.ts

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+export interface DrawerProps {
+    open: boolean;
+    className?: string;
+    childrenClass?: string;
+    title?: string;
+    children?: React.ReactNode;
+    onClose: () => void;
+    actions?: React.ReactNode;
+    showCloseIcon?: boolean;
+    anchor?: 'left' | 'right' | 'top' | 'bottom';
+}

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

@@ -0,0 +1 @@
+export { default } from './Drawer';

package/dist/components/Dropdown/Dropdown.d.ts

@@ -0,0 +1,4 @@
+import { IDropdownProps } from './Dropdown.types';
+import { default as React } from 'react';
+declare const Dropdown: React.FC<IDropdownProps>;
+export default Dropdown;

package/dist/components/Dropdown/Dropdown.types.d.ts

@@ -0,0 +1,11 @@
+export interface DropdownItemTypes {
+    label: React.ReactNode;
+    onClick: (val: any) => void;
+}
+export interface IDropdownProps {
+    selected?: DropdownItemTypes;
+    items: DropdownItemTypes[];
+    className?: string;
+    menuClassName?: string;
+    stayOpenOnSelect?: boolean;
+}

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

@@ -0,0 +1 @@
+export { default } from './Dropdown';

package/dist/components/DropzoneUploader/DropzoneUploader.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { IDropzoneUploaderProps } from './DropzoneUploader.types';
+declare const DropzoneUploader: React.FC<IDropzoneUploaderProps>;
+export default DropzoneUploader;

package/dist/components/DropzoneUploader/DropzoneUploader.types.d.ts

@@ -0,0 +1,23 @@
+export interface IDropzoneUploaderProps {
+    onFilesAccepted: (files: File[]) => void;
+    onError?: (errorMessages: string[]) => void;
+    accept?: {
+        [mimeType: string]: string[];
+    };
+    multiple?: boolean;
+    maxSizeInBytes?: number;
+    maxFiles?: number;
+    label?: string;
+    subLabel?: string;
+    icon?: React.ReactNode;
+    disabled?: boolean;
+    wrapperClass?: string;
+    iconClass?: string;
+    labelClass?: string;
+    subLabelClass?: string;
+    showList?: boolean;
+    listView?: boolean;
+    showListImage?: boolean;
+    uploadedFiles?: File[];
+    onDeleteCallback?: (remainingFiles: File[]) => void;
+}

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

@@ -0,0 +1 @@
+export { default } from './DropzoneUploader';

package/dist/components/EmptyState/EmptyState.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { EmptyStateProps } from './EmptyState.types';
+declare const EmptyState: React.FC<EmptyStateProps>;
+export default EmptyState;

package/dist/components/EmptyState/EmptyState.types.d.ts

@@ -0,0 +1,18 @@
+import { CompColor } from '../../utils/ColorMap';
+export interface EmptyStateProps {
+    /** Heading shown above the description */
+    title: string;
+    /** Optional explanatory text */
+    description?: string;
+    /** Optional primary action (e.g., “Add item”) */
+    actionLabel?: string;
+    color?: CompColor;
+    /** Callback executed when primary button is clicked */
+    onAction?: () => void;
+    /** Optional illustration (SVG, img url, or React node) */
+    illustration?: React.ReactNode;
+    /** Width of the illustration (defaults 120px) */
+    illustrationWidth?: number | string;
+    /** Render children under the call-to-action area (links, tips, etc.) */
+    children?: React.ReactNode;
+}

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

@@ -0,0 +1 @@
+export { default } from './EmptyState';

package/dist/components/IconButton/IconButton.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { IconButtonProps } from './IconButton.types';
+declare const IconButton: React.FC<IconButtonProps>;
+export default IconButton;

package/dist/components/IconButton/IconButton.types.d.ts

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+import { CompColor } from '../../utils/ColorMap';
+export interface IconButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    variant?: 'filled' | 'outlined' | 'transparent';
+    color?: CompColor;
+    size?: 'small' | 'medium' | 'large';
+    className?: string;
+    disabled?: boolean;
+    roundedFull?: boolean;
+    icon?: React.ReactNode;
+    onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+}

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

@@ -0,0 +1 @@
+export { default } from './IconButton';

package/dist/components/List/List.d.ts

@@ -0,0 +1,3 @@
+import { ListProps } from './List.types';
+declare const List: ({ children, className }: ListProps) => import("react/jsx-runtime").JSX.Element;
+export default List;

package/dist/components/List/List.types.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+export interface ListProps {
+    children: ReactNode;
+    className?: string;
+}
+export interface ListItemProps {
+    children: ReactNode;
+    secondaryAction?: ReactNode;
+    className?: string;
+}

package/dist/components/List/ListItem.d.ts

@@ -0,0 +1,3 @@
+import { ListItemProps } from './List.types';
+declare const ListItem: ({ children, secondaryAction, className }: ListItemProps) => import("react/jsx-runtime").JSX.Element;
+export default ListItem;

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

@@ -0,0 +1,2 @@
+export { default as List } from './List';
+export { default as ListItem } from './ListItem';

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

@@ -0,0 +1,8 @@
+type MenuProps<T extends React.ReactNode> = {
+    options?: T[];
+    selectedValue?: T;
+    onChange?: (value: T) => void;
+    placementTop?: boolean;
+};
+export default function Menu<T extends React.ReactNode>({ options, selectedValue, onChange, placementTop, }: MenuProps<T>): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1 @@
+export { default } from './Menu';

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

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { PaginationProps } from './Pagination.types';
+declare const Pagination: React.FC<PaginationProps>;
+export default Pagination;

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

@@ -0,0 +1,8 @@
+export interface PaginationProps {
+    total: number;
+    currentPage: number;
+    pageSize?: number;
+    onPageChange: (page: number) => void;
+    className?: string;
+    hideEdgeButtons?: boolean;
+}

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

@@ -0,0 +1 @@
+export { default } from './Pagination';

package/dist/components/PasswordInput/PasswordInput.d.ts

@@ -0,0 +1,3 @@
+import { ITextInputProps } from '../TextInput/TextInput.types';
+declare const PasswordInput: import('react').ForwardRefExoticComponent<Omit<ITextInputProps, "type" | "endIcon"> & import('react').RefAttributes<HTMLInputElement>>;
+export default PasswordInput;

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

@@ -0,0 +1 @@
+export { default } from './PasswordInput';

package/dist/components/Pill/Pill.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { PillProps } from './Pill.type';
+export declare const Pill: React.FC<PillProps>;
+export default Pill;

package/dist/components/Pill/Pill.type.d.ts

@@ -0,0 +1,8 @@
+import { CompColor } from '../../utils/ColorMap';
+export type PillProps = {
+    label: string;
+    color?: CompColor;
+    variant?: "filled" | "outlined";
+    size?: "sm" | "md" | "lg";
+    className?: string;
+};

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

@@ -0,0 +1 @@
+export { default } from './Pill';

package/dist/components/ProfileImageShowcase/ProfileShowcase.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+export interface ProfileShowcaseProps {
+    size?: "sm" | "md" | "lg" | "xl";
+    imageUrl: string;
+    name: string;
+    number: string;
+    className: string;
+}
+declare const ProfileShowcase: React.FC<ProfileShowcaseProps>;
+export default ProfileShowcase;

package/dist/components/ProfileImageShowcase/ProfileShowcase.type.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1 @@
+export { default } from './ProfileShowcase';

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

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { ProgressProps } from './Progress.types';
+declare const Progress: React.FC<ProgressProps>;
+export default Progress;