@tanishraj/ui-kit 2.1.1 → 2.3.0

package/dist/index.d.ts

@@ -7,6 +7,7 @@ import { FC } from 'react';
 import { FieldsetHTMLAttributes } from 'react';
 import { ForwardRefExoticComponent } from 'react';
 import { HTMLAttributes } from 'react';
+import { Placement } from '@floating-ui/react';
 import { ReactElement } from 'react';
 import { ReactNode } from 'react';
 import { Ref } from 'react';
@@ -325,7 +326,7 @@ declare const dividerRootStyles: (props?: ({
 export declare const Drawer: FC<DrawerProps>;
 
 declare const drawerPanelStyles: (props?: ({
-    placement?: "right" | "left" | "top" | "bottom" | null | undefined;
+    placement?: "top" | "right" | "bottom" | "left" | null | undefined;
     size?: "sm" | "md" | "lg" | "full" | null | undefined;
 } & ClassProp) | undefined) => string;
 
@@ -351,11 +352,87 @@ export declare interface DrawerProps extends Omit<HTMLAttributes<HTMLDivElement>
 
 export declare type DrawerSizes = RemoveNull_2<VariantProps<typeof drawerPanelStyles>>['size'];
 
+export declare const Dropdown: FC<DropdownProps>;
+
+export declare type DropdownAlignments = 'start' | 'center' | 'end';
+
+export declare type DropdownAppearances = ButtonAppearances;
+
+export declare type DropdownIcon = NonNullable<ButtonProps['leadingIcon']>;
+
+export declare type DropdownItem = ListBoxItemData;
+
+export declare type DropdownPlacements = 'top' | 'right' | 'bottom' | 'left';
+
+export declare interface DropdownProps extends Omit<ButtonProps, 'children' | 'trailingIcon' | 'value'> {
+    children?: ReactNode;
+    chevronIcon?: DropdownIcon;
+    clickOutsideToClose?: boolean;
+    closeOnSelect?: boolean;
+    defaultOpen?: boolean;
+    icon?: DropdownIcon;
+    iconOnly?: boolean;
+    inline?: boolean;
+    items?: DropdownItem[];
+    align?: DropdownAlignments;
+    menuClassName?: string;
+    menuContent?: ReactNode | ((closeMenu: () => void) => ReactNode);
+    menuOffset?: [number, number];
+    menuPlacement?: Placement;
+    onItemSelect?: (item: DropdownItem) => void;
+    onOpenChange?: (open: boolean) => void;
+    open?: boolean;
+    placement?: DropdownPlacements;
+    portalTarget?: HTMLElement | null;
+    renderAs?: DropdownRenderAs;
+    selectedValue?: string;
+    showChevron?: boolean;
+    trigger?: ReactNode | ((open: boolean) => ReactNode);
+    triggerAction?: DropdownTriggerAction;
+    triggerClassName?: string;
+    menuProps?: Omit<ComponentPropsWithoutRef<'div'>, 'children'>;
+    usePortal?: boolean;
+    withArrow?: boolean;
+}
+
+export declare type DropdownRenderAs = 'button' | 'unstyled';
+
+export declare type DropdownSizes = ButtonSizes;
+
+export declare type DropdownTriggerAction = 'click' | 'hover';
+
+export declare type DropdownVariants = ButtonVariants;
+
 declare enum EThemeOptions {
     LIGHT = "light",
     DARK = "dark"
 }
 
+export declare const Input: FC<InputProps>;
+
+export declare type InputIcon = FC<SVGProps<SVGSVGElement>>;
+
+export declare interface InputProps extends Omit<ComponentPropsWithRef<'input'>, 'children' | 'prefix' | 'size'> {
+    caption?: ReactNode;
+    clearLabel?: string;
+    clearable?: boolean;
+    containerClassName?: string;
+    error?: ReactNode;
+    fullWidth?: boolean;
+    inputClassName?: string;
+    label?: ReactNode;
+    labelClassName?: string;
+    leadingIcon?: InputIcon;
+    onClear?: () => void;
+    size?: InputSizes;
+    trailingIcon?: InputIcon;
+    variant?: InputVariants;
+}
+
+export declare type InputSizes = ButtonSizes;
+
+export declare type InputVariants = ButtonVariants;
+
 export declare const Link: FC<LinkProps>;
 
 export declare type LinkIcon = FC<SVGProps<SVGSVGElement>>;
@@ -384,8 +461,70 @@ export declare type LinkUnderline = RemoveNull_2<VariantProps<typeof linkStyles>
 
 export declare type LinkVariants = RemoveNull_2<VariantProps<typeof linkStyles>>['variant'];
 
+export declare const ListBox: ForwardRefExoticComponent<ListBoxProps & RefAttributes<HTMLDivElement>>;
+
+export declare type ListBoxIcon = FC<SVGProps<SVGSVGElement>>;
+
+export declare interface ListBoxItemData {
+    disabled?: boolean;
+    id?: string;
+    label: ReactNode;
+    leadingIcon?: ListBoxIcon;
+    value: string;
+}
+
+export declare interface ListBoxProps extends Omit<ComponentPropsWithoutRef<'div'>, 'children'> {
+    children?: ReactNode;
+    itemRole?: 'option' | 'menuitem';
+    items?: ListBoxItemData[];
+    leadingSlot?: ReactNode;
+    onItemSelect?: (item: ListBoxItemData) => void;
+    selectedValue?: string;
+    size?: ListBoxSizes;
+}
+
+export declare type ListBoxSizes = 'sm' | 'md' | 'lg';
+
+export declare const ListItem: ForwardRefExoticComponent<ListItemProps & RefAttributes<HTMLButtonElement>>;
+
+export declare interface ListItemProps extends Omit<ComponentPropsWithoutRef<'button'>, 'children' | 'disabled' | 'onSelect' | 'value'> {
+    item: ListBoxItemData;
+    onSelect?: (item: ListBoxItemData) => void;
+    selected?: boolean;
+    size?: ListBoxSizes;
+}
+
 export declare const mergeRefs: <T>(...refs: Array<PossibleRef<T>>) => (node: T | null) => (() => void) | undefined;
 
+export declare const Modal: FC<ModalProps>;
+
+export declare type ModalIcon = FC<SVGProps<SVGSVGElement>>;
+
+declare const modalPanelStyles: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & ClassProp) | undefined) => string;
+
+export declare interface ModalProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'>, RemoveNull_2<VariantProps<typeof modalPanelStyles>> {
+    open: boolean;
+    children?: ReactNode;
+    title?: ReactNode;
+    description?: ReactNode;
+    footer?: ReactNode;
+    onClose?: () => void;
+    closeLabel?: string;
+    closeOnEscape?: boolean;
+    closeOnOverlayClick?: boolean;
+    container?: HTMLElement | null | undefined;
+    containerId?: string | undefined;
+    containerRef?: RefObject<HTMLElement | null> | undefined;
+    disablePortal?: boolean;
+    leadingIcon?: ModalIcon;
+    showCloseButton?: boolean;
+    showOverlay?: boolean;
+}
+
+export declare type ModalSizes = RemoveNull_2<VariantProps<typeof modalPanelStyles>>['size'];
+
 export declare const OrganizationChart: ForwardRefExoticComponent<OrgChartComponentProps & RefAttributes<OrgChartRef>>;
 
 export declare interface OrgChartApiNodeData {