@tanishraj/ui-kit 2.2.0 → 2.3.0

package/dist/index.d.ts

@@ -360,33 +360,7 @@ 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 DropdownItem = ListBoxItemData;
 
 export declare type DropdownPlacements = 'top' | 'right' | 'bottom' | 'left';
 
@@ -399,13 +373,13 @@ export declare interface DropdownProps extends Omit<ButtonProps, 'children' | 't
     icon?: DropdownIcon;
     iconOnly?: boolean;
     inline?: boolean;
-    items?: DropdownItem_2[];
+    items?: DropdownItem[];
     align?: DropdownAlignments;
     menuClassName?: string;
     menuContent?: ReactNode | ((closeMenu: () => void) => ReactNode);
     menuOffset?: [number, number];
     menuPlacement?: Placement;
-    onItemSelect?: (item: DropdownItem_2) => void;
+    onItemSelect?: (item: DropdownItem) => void;
     onOpenChange?: (open: boolean) => void;
     open?: boolean;
     placement?: DropdownPlacements;
@@ -434,6 +408,31 @@ declare enum EThemeOptions {
     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>>;
@@ -462,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 {