atomos_next_genesis 0.0.3-alpha

package/dist/index.d.ts

@@ -0,0 +1,534 @@
+import * as React from 'react';
+import React__default, { ButtonHTMLAttributes, ReactNode, HTMLAttributes, InputHTMLAttributes, LabelHTMLAttributes, TableHTMLAttributes, ThHTMLAttributes, TdHTMLAttributes, TextareaHTMLAttributes } from 'react';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from 'class-variance-authority';
+
+type AccordionProps = {
+    type?: "single" | "multiple";
+    collapsible?: boolean;
+    className?: string;
+    children: React__default.ReactNode;
+};
+declare function Accordion({ type, collapsible, className, children, }: AccordionProps): React__default.JSX.Element;
+type AccordionItemProps = {
+    value: string;
+    disabled?: boolean;
+    openItems?: string[];
+    handleToggle?: (value: string) => void;
+    children: React__default.ReactNode;
+    className?: string;
+};
+declare function AccordionItem({ value, disabled, openItems, handleToggle, children, className, }: AccordionItemProps): React__default.JSX.Element;
+type AccordionTriggerProps = {
+    isOpen?: boolean;
+    children: React__default.ReactNode;
+};
+declare function AccordionTrigger({ isOpen, children }: AccordionTriggerProps): React__default.JSX.Element;
+type AccordionContentProps = {
+    isOpen?: boolean;
+    children: React__default.ReactNode;
+};
+declare function AccordionContent({ isOpen, children }: AccordionContentProps): React__default.JSX.Element;
+
+interface BaseProps$1 {
+    type: "image" | "icon" | "text";
+    size?: "sm" | "md" | "lg";
+    className?: string;
+    onClick?: () => void;
+    rounded?: boolean;
+    border?: boolean;
+    borderColor?: string;
+    borderWidth?: string;
+    radius?: string;
+    disabled?: boolean;
+    statusIcon?: JSX.Element;
+    statusPosition?: "top-right" | "top-left" | "bottom-right" | "bottom-left";
+}
+interface ImageProps extends BaseProps$1 {
+    type: "image";
+    src: string;
+    alt?: string;
+}
+interface IconProps extends BaseProps$1 {
+    type: "icon";
+    icon: JSX.Element;
+}
+interface TextProps extends BaseProps$1 {
+    type: "text";
+    text: string;
+}
+type AvatarProps = ImageProps | IconProps | TextProps;
+declare const Avatar: React__default.ForwardRefExoticComponent<AvatarProps & React__default.RefAttributes<HTMLDivElement>>;
+
+type AvatarItemProps = Omit<ImageProps, "size"> | Omit<IconProps, "size"> | Omit<TextProps, "size">;
+interface AvatarGroupProps {
+    avatars: AvatarItemProps[];
+    size?: "sm" | "md" | "lg";
+    max?: number;
+    className?: string;
+}
+declare const AvatarGroup: React__default.ForwardRefExoticComponent<AvatarGroupProps & React__default.RefAttributes<HTMLDivElement>>;
+
+type BreadcrumbsProps = {
+    children: React__default.ReactNode;
+    separator?: React__default.ReactNode;
+    'aria-label': string;
+    containerClasses?: string;
+};
+declare const Breadcrumbs: ({ children, separator, "aria-label": ariaLabel, containerClasses }: BreadcrumbsProps) => React__default.JSX.Element;
+
+interface ButtonProps$1 extends ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
+    children?: ReactNode;
+    startIcon?: JSX.Element;
+    endIcon?: JSX.Element;
+    disabled?: boolean;
+    fullWidth?: boolean;
+}
+declare const buttonVariants: (props?: ({
+    variant?: "filled" | "outlined" | null | undefined;
+    intent?: "primary" | "success" | "error" | "warning" | "default" | "primary-outlined" | "success-outlined" | "error-outlined" | "warning-outlined" | "default-outlined" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const Button: ({ children, className, variant, intent, fullWidth, startIcon, disabled, endIcon, size, ...props }: ButtonProps$1) => React__default.JSX.Element;
+
+interface CheckboxProps extends Omit<HTMLAttributes<HTMLInputElement>, "size">, VariantProps<typeof checkboxVariant> {
+    size?: "sm" | "lg";
+    disabled?: boolean;
+    checked?: boolean;
+    children?: never;
+}
+declare const checkboxVariant: (props?: ({
+    size?: "sm" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const Checkbox: React__default.ForwardRefExoticComponent<CheckboxProps & React__default.RefAttributes<HTMLInputElement>>;
+
+declare const chipVariants: (props?: ({
+    intent?: "indigo" | "orange" | "pink" | "purple" | "violet" | "primary" | "success" | "error" | "warning" | "default" | "bluegray" | "bluelight" | "rose" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface ChipProps extends HTMLAttributes<HTMLDivElement>, VariantProps<typeof chipVariants> {
+    children: ReactNode;
+    dot?: boolean;
+    dotColor?: string;
+}
+declare const Chip: ({ children, className, size, intent, dot, dotColor, }: ChipProps) => React__default.JSX.Element;
+
+interface CircularProgressBarProps {
+    strokeWidth?: number;
+    size?: number;
+    percentage: number;
+    text?: string;
+    textClassName?: string;
+}
+declare const CircularProgressBar: ({ percentage, size, strokeWidth, text, textClassName, }: CircularProgressBarProps) => React.JSX.Element;
+
+interface DividerProps {
+    width?: string;
+    height?: string;
+    position?: "horizontal" | "vertical";
+    className?: string;
+}
+declare const Divider: ({ width, height, position, className, }: DividerProps) => React__default.JSX.Element;
+
+type Option$1 = {
+    label: string;
+    value: string;
+    info?: string;
+    addInfo?: string;
+    tooltipContent?: string;
+};
+interface DropdownProps$1 {
+    icon?: JSX.Element;
+    options: Option$1[];
+    selected?: Option$1[];
+    setSelected?: React__default.Dispatch<React__default.SetStateAction<Option$1[]>>;
+    onApply?: () => void;
+    onReset?: () => void;
+    dropdownText?: string;
+    search?: boolean;
+    multiple?: boolean;
+    renderItem?: (option: Option$1) => React__default.ReactNode;
+    children?: React__default.ReactNode;
+    position?: "top" | "bottom";
+    info?: string | number;
+    addInfo?: string | number;
+    tooltipContent?: string;
+    width?: string;
+    dropDownTooltip?: boolean | undefined;
+    dropdownFooter?: boolean | undefined;
+    disabled?: boolean;
+}
+declare const Dropdown: React__default.ForwardRefExoticComponent<DropdownProps$1 & React__default.RefAttributes<HTMLDivElement>>;
+
+type Option = {
+    label: string;
+    value: string;
+    info?: string;
+    addInfo?: string;
+    tooltipContent?: string;
+};
+interface DropdownProps {
+    options: Option[];
+    selected?: Option[];
+    setSelected?: React__default.Dispatch<React__default.SetStateAction<Option[]>>;
+    onApply?: () => void;
+    onReset?: () => void;
+    search?: boolean;
+    multiple?: boolean;
+    renderItem?: (option: Option) => React__default.ReactNode;
+    children?: React__default.ReactNode;
+    trigger?: React__default.ReactNode;
+    dropdownMenu?: boolean;
+    position?: "top" | "bottom" | "left" | "right";
+    setDropdownMenu?: (value: boolean) => void;
+    info?: string | number;
+    addInfo?: string | number;
+    tooltipContent?: string;
+    width?: string;
+    dropDownTooltip?: boolean | undefined;
+    dropdownFooter?: boolean;
+    disabled?: boolean;
+}
+declare const DropdownWithIcon: React__default.ForwardRefExoticComponent<DropdownProps & React__default.RefAttributes<HTMLDivElement>>;
+
+interface FileUploadProps extends InputHTMLAttributes<HTMLInputElement> {
+    id: string;
+    selectedFile?: File[];
+    setSelectedFile?: (files: File[]) => void;
+    children?: ReactNode;
+    onDelete?: () => void;
+    title?: string;
+    disabled?: boolean;
+}
+declare const FileUpload: React__default.ForwardRefExoticComponent<FileUploadProps & React__default.RefAttributes<HTMLInputElement>>;
+
+interface GlobalNavigationProps {
+    isOpen: boolean;
+    setIsOpen: (isOpen: boolean) => void;
+    className?: string;
+    children: React__default.ReactNode;
+    trigger: JSX.Element;
+    postion?: "bottom-left" | "bottom-right" | "top-left" | "top-right";
+}
+declare const GlobalNavigation: React__default.ForwardRefExoticComponent<GlobalNavigationProps & React__default.RefAttributes<HTMLDivElement>>;
+
+interface HelperTextProps extends HTMLAttributes<HTMLSpanElement> {
+    children: ReactNode;
+    size?: "sm" | "lg";
+    error?: boolean;
+}
+declare const HelperText: ({ children, className, size, error }: HelperTextProps) => React__default.JSX.Element;
+
+interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "size"> {
+    size?: "sm" | "lg";
+    startIcon?: JSX.Element;
+    endIcon?: JSX.Element;
+    disabled?: boolean;
+    type: "text" | "url" | "email" | "password" | "number" | "tel" | "search" | "time";
+}
+declare const Input: React__default.ForwardRefExoticComponent<InputProps & React__default.RefAttributes<HTMLInputElement>>;
+
+interface BaseProps {
+    className?: string;
+    children?: React__default.ReactNode;
+    title: string;
+    as?: "link" | "button";
+    icon?: React__default.ReactNode;
+}
+type LinkProps = BaseProps & {
+    as: "link";
+    href: string;
+    onClick?: never;
+    className?: string;
+};
+type ButtonProps = BaseProps & {
+    as: "button";
+    href?: never;
+    onClick?: () => void;
+    className?: string;
+};
+type ListItemProps = LinkProps | ButtonProps;
+declare const ListItem: React__default.ForwardRefExoticComponent<ListItemProps & React__default.RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
+
+interface LabelProps extends LabelHTMLAttributes<HTMLLabelElement>, VariantProps<typeof labelVariants> {
+    htmlFor?: string;
+    children: ReactNode;
+    required?: boolean;
+    disabled?: boolean;
+}
+declare const labelVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const Label: ({ children, htmlFor, size, required, disabled, className, ...props }: LabelProps) => React__default.JSX.Element;
+
+interface LoadingProps {
+    width?: string;
+    height?: string;
+    loaderColor?: string;
+    variant?: "light" | "heavy";
+}
+declare const Loading: ({ width, height, loaderColor, variant }: LoadingProps) => React__default.JSX.Element;
+
+interface ModalProps {
+    children?: ReactNode;
+    showModal?: boolean;
+    closeModal?: boolean;
+    setShowModal: (value: boolean) => void;
+    closeOnOutsideClick?: boolean;
+    className?: string;
+}
+declare function Modal({ children, showModal, setShowModal, closeModal, closeOnOutsideClick, className, }: ModalProps): React__default.JSX.Element;
+
+interface MenuDropdownProps {
+    trigger: JSX.Element;
+    children: React__default.ReactNode;
+    width?: string;
+    className?: string;
+}
+declare function MenuDropdown({ trigger, children, width, className, }: MenuDropdownProps): React__default.JSX.Element;
+interface MenuSubItemProps {
+    label: string;
+    onClick?: () => void;
+    disabled?: boolean;
+    children?: React__default.ReactNode;
+    className?: string;
+}
+declare const MenuSubItem: React__default.FC<MenuSubItemProps>;
+interface MenuItemProps {
+    content: React__default.ReactNode;
+    children: React__default.ReactNode;
+    label?: string;
+    className?: string;
+    sectionClassName?: string;
+    menuClassName?: string;
+}
+declare const MenuItem: React__default.FC<MenuItemProps>;
+
+interface NoticeProps extends HTMLAttributes<HTMLDivElement>, VariantProps<typeof noticeVariants> {
+    children?: ReactNode;
+    noticeTitle?: string;
+    variant: "success" | "warning" | "info" | "error" | "default";
+    position?: "top" | "bottom";
+    showIcon?: boolean;
+    open: boolean;
+    setOpen: (value: boolean) => void;
+}
+declare const noticeVariants: (props?: ({
+    variant?: "success" | "error" | "warning" | "default" | "info" | null | undefined;
+    position?: "top" | "bottom" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const Notice: ({ children, variant, position, noticeTitle, open, setOpen, showIcon, }: NoticeProps) => React__default.JSX.Element;
+
+type TablePaginationProps = {
+    count: number;
+    page: number;
+    rowsPerPage: number;
+    rowsPerPageOptions: (number | {
+        label: string;
+        value: number;
+    })[];
+    onPageChange: (newPage: number) => void;
+    onRowsPerPageChange: (newRowsPerPage: number) => void;
+    className?: string;
+};
+declare const Pagination: React__default.FC<TablePaginationProps>;
+
+type ProgressBarProps = {
+    progress: number;
+    progressText?: string;
+    progressColor: string;
+    progressTextPosition?: "top" | "bottom" | "left" | "right";
+};
+declare const ProgressBar: ({ progress, progressText, progressColor, progressTextPosition, }: ProgressBarProps) => React__default.JSX.Element;
+
+interface RadioProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "size">, VariantProps<typeof radioVariants> {
+    size?: "sm" | "lg";
+    disabled?: boolean;
+    checked?: boolean;
+    children?: never;
+}
+declare const radioVariants: (props?: ({
+    size?: "sm" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const Radio: React__default.ForwardRefExoticComponent<RadioProps & React__default.RefAttributes<HTMLInputElement>>;
+
+interface SidebarProps {
+    children: React__default.ReactNode;
+    collapsed: boolean;
+    setCollapsed: (collapsed: boolean) => void;
+    scroll?: boolean;
+    navItems?: {
+        label: string;
+        items: {
+            label: string;
+            href: string;
+            icon?: React__default.ReactElement;
+        }[];
+    }[];
+}
+interface SidebarHeaderProps {
+    collapsed: boolean;
+    setCollapsed: (collapsed: boolean) => void;
+    children: ReactNode;
+}
+interface SidebarMenuProps {
+    collapsed: boolean;
+    setCollapsed: (collapsed: boolean) => void;
+    scroll?: boolean;
+    navItems?: {
+        label: string;
+        items: {
+            label: string;
+            href: string;
+            icon?: React__default.ReactElement;
+        }[];
+    }[];
+}
+interface FooterProps {
+    children: React__default.ReactNode;
+    collapsed: boolean;
+    setCollapsed: (collapsed: boolean) => void;
+    navItems?: {
+        label: string;
+        items: {
+            label: string;
+            href: string;
+            icon?: React__default.ReactElement;
+        }[];
+    }[];
+}
+declare const Sidebar: React__default.FC<SidebarProps> & {
+    Header: React__default.FC<SidebarHeaderProps>;
+    Menu: React__default.FC<SidebarMenuProps>;
+    Footer: React__default.FC<FooterProps>;
+};
+
+interface SliderProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "size"> {
+    value: number;
+    min?: number;
+    max?: number;
+    size?: "sm" | "lg";
+}
+declare const Slider: React__default.ForwardRefExoticComponent<SliderProps & React__default.RefAttributes<HTMLInputElement>>;
+
+interface SkeletonProps {
+    width?: string | number;
+    height?: string | number;
+    circle?: boolean;
+}
+declare const Skeleton: React__default.FC<SkeletonProps>;
+
+interface StepConfig {
+    name: string;
+    helperName?: string;
+    Component: React__default.ComponentType<any>;
+}
+interface CheckoutStepperProps {
+    stepsConfig: StepConfig[];
+    currentStep: number;
+    setCurrentStep: (step: number) => void;
+    isComplete: boolean;
+    setIsComplete: (complete: boolean) => void;
+    position?: string;
+}
+declare const Stepper: ({ stepsConfig, currentStep, setCurrentStep, isComplete, setIsComplete, position, }: CheckoutStepperProps) => React__default.JSX.Element | null;
+
+interface TableProps extends TableHTMLAttributes<HTMLTableElement> {
+    children?: ReactNode;
+    dense?: boolean;
+}
+interface TableHeadProps extends HTMLAttributes<HTMLTableSectionElement> {
+    children?: ReactNode;
+}
+interface TableRowProps extends HTMLAttributes<HTMLTableRowElement> {
+    children?: ReactNode;
+    indent?: boolean;
+}
+interface TableHeadCellProps extends ThHTMLAttributes<HTMLTableCellElement> {
+    children?: ReactNode;
+    icon?: JSX.Element;
+    sticky?: boolean;
+    left?: string;
+    stickyIcon?: JSX.Element;
+    shadow?: boolean;
+}
+interface TableCellProps extends TdHTMLAttributes<HTMLTableCellElement> {
+    children?: ReactNode;
+    icon?: JSX.Element;
+    sticky?: boolean;
+    left?: string;
+    shadow?: boolean;
+}
+declare const Table: ({ children, className, dense, ...props }: TableProps) => React__default.JSX.Element;
+declare const TableHead: ({ children, className, ...props }: TableHeadProps) => React__default.JSX.Element;
+declare const TableBody: ({ children, className, ...props }: TableHeadProps) => React__default.JSX.Element;
+declare const TableRow: ({ children, className, indent, ...props }: TableRowProps) => React__default.JSX.Element;
+declare const TableHeadCell: ({ children, className, icon, sticky, shadow, left, ...props }: TableHeadCellProps) => React__default.JSX.Element;
+declare const TableDataCell: ({ children, className, icon, sticky, shadow, left, ...props }: TableCellProps) => React__default.JSX.Element;
+
+interface TabItem {
+    label: string;
+    value: string;
+}
+interface TabsContainerProps {
+    value: string;
+    children: React__default.ReactNode;
+    className?: string;
+}
+interface TabListProps extends Partial<TabItem> {
+    onChange: (value: string) => void;
+    ariaLabel?: string;
+    children: React__default.ReactNode;
+    box?: boolean;
+    className?: string;
+}
+interface TabProps extends TabItem {
+    onChange: (value: string) => void;
+    box?: boolean;
+    content?: React__default.ReactNode;
+    selectedTabValue: string;
+    icon?: JSX.Element;
+    className?: string;
+}
+interface TabPanelProps {
+    value: string;
+    currentValue: string;
+    children: React__default.ReactNode;
+    className?: string;
+}
+declare const TabsContainer: React__default.FC<TabsContainerProps>;
+declare const TabList: React__default.FC<TabListProps>;
+declare const Tab: React__default.FC<TabProps>;
+declare const TabPanel: React__default.FC<TabPanelProps>;
+
+interface TextareaProps extends Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, "size"> {
+    size?: "sm" | "lg";
+    disabled?: boolean;
+    rows?: number;
+    cols?: number;
+    children?: ReactNode;
+}
+declare const Textarea: React__default.ForwardRefExoticComponent<TextareaProps & React__default.RefAttributes<HTMLTextAreaElement>>;
+
+interface ToggleProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "size">, VariantProps<typeof toggleVariants> {
+    size?: "sm" | "md" | "lg";
+    disabled?: boolean;
+    children?: never;
+}
+declare const toggleVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+    intent?: "primary" | "success" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const Toggle: React__default.ForwardRefExoticComponent<ToggleProps & React__default.RefAttributes<HTMLInputElement>>;
+
+declare const tooltipVariants: (props?: ({
+    position?: "top" | "right" | "bottom" | "left" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface TooltipProps extends Omit<HTMLAttributes<HTMLDivElement>, "content">, VariantProps<typeof tooltipVariants> {
+    children: ReactNode;
+    position: "top" | "right" | "bottom" | "left";
+    content: JSX.Element | string;
+}
+declare const Tooltip: React__default.FC<TooltipProps>;
+
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Avatar, AvatarGroup, Breadcrumbs as BreadCrumb, Button, Checkbox, Chip, CircularProgressBar as CircularProgress, Divider, Dropdown, DropdownWithIcon, FileUpload, GlobalNavigation, HelperText, Input, Label, ListItem, Loading, MenuDropdown, MenuItem, MenuSubItem, Modal, Notice, Pagination, ProgressBar, Radio, Sidebar, Skeleton, Slider, Stepper, Tab, TabList, TabPanel, Table, TableBody, TableDataCell, TableHead, TableHeadCell, TableRow, TabsContainer, Textarea, Toggle, Tooltip };