@tanishraj/ui-kit 2.1.0 → 2.2.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,6 +352,83 @@ 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 const DropdownItem: ForwardRefExoticComponent<DropdownItemComponentProps & RefAttributes<HTMLButtonElement>>;
+
+declare interface DropdownItem_2 {
+    disabled?: boolean;
+    id?: string;
+    label: ReactNode;
+    leadingIcon?: DropdownIcon;
+    value: string;
+}
+
+export declare interface DropdownItemComponentProps extends Omit<ComponentPropsWithoutRef<'button'>, 'children' | 'disabled' | 'onSelect' | 'value'> {
+    item: DropdownItem_2;
+    onSelect?: (item: DropdownItem_2) => void;
+    selected?: boolean;
+}
+
+export declare const DropdownList: ForwardRefExoticComponent<DropdownListProps & RefAttributes<HTMLDivElement>>;
+
+export declare interface DropdownListProps extends Omit<ComponentPropsWithoutRef<'div'>, 'children'> {
+    children?: ReactNode;
+    closeMenu?: () => void;
+    closeOnSelect?: boolean;
+    items?: DropdownItem_2[];
+    leadingSlot?: ReactNode;
+    onItemSelect?: (item: DropdownItem_2) => void;
+    selectedValue?: string;
+}
+
+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_2[];
+    align?: DropdownAlignments;
+    menuClassName?: string;
+    menuContent?: ReactNode | ((closeMenu: () => void) => ReactNode);
+    menuOffset?: [number, number];
+    menuPlacement?: Placement;
+    onItemSelect?: (item: DropdownItem_2) => 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"