@linzjs/lui 24.20.1 → 26.1.0

package/dist/components/LuiFormElements/LuiRadioInput/LuiRadioInput.d.ts

@@ -1,15 +1,15 @@
-import { ChangeEventHandler, InputHTMLAttributes, JSX } from 'react';
-export interface LuiRadioProps {
-    onChange: ChangeEventHandler<HTMLInputElement>;
-    selectedValue: string;
-    options: string[];
-    legend?: JSX.Element | string;
-    error?: string;
-    warning?: string;
-    warningOnIndividual?: string;
-    isOptionDisabled?: (index: number) => boolean;
-    optionHasWarning?: (index: number) => boolean;
-    inputProps?: InputHTMLAttributes<HTMLInputElement>;
-    renderLabelFor?: (value: string) => JSX.Element;
-}
-export declare const LuiRadioInput: (props: LuiRadioProps) => JSX.Element;
+import { ChangeEventHandler, InputHTMLAttributes, JSX } from 'react';
+export interface LuiRadioProps {
+    onChange: ChangeEventHandler<HTMLInputElement>;
+    selectedValue: string;
+    options: string[];
+    legend?: JSX.Element | string;
+    error?: string;
+    warning?: string;
+    warningOnIndividual?: string;
+    isOptionDisabled?: (index: number) => boolean;
+    optionHasWarning?: (index: number) => boolean;
+    inputProps?: InputHTMLAttributes<HTMLInputElement>;
+    renderLabelFor?: (value: string) => JSX.Element;
+}
+export declare const LuiRadioInput: (props: LuiRadioProps) => JSX.Element;

package/dist/components/LuiFormElements/LuiSelectInput/LuiSelectInput.d.ts

@@ -1,20 +1,20 @@
-import { ChangeEventHandler, DetailedHTMLProps, JSX, SelectHTMLAttributes } from 'react';
-export type SelectOptions = {
-    label: string;
-    value: string;
-    disabled?: boolean;
-};
-export interface SelectProps {
-    error?: string;
-    warning?: string;
-    onChange?: ChangeEventHandler<HTMLSelectElement>;
-    options: SelectOptions[];
-    value: string;
-    mandatory?: boolean;
-    hideLabel?: boolean;
-    selectProps?: DetailedHTMLProps<SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement>;
-    label: JSX.Element | string;
-    placeholderText?: string;
-    className?: string;
-}
-export declare const LuiSelectInput: (props: SelectProps) => JSX.Element;
+import { ChangeEventHandler, DetailedHTMLProps, JSX, SelectHTMLAttributes } from 'react';
+export type SelectOptions = {
+    label: string;
+    value: string;
+    disabled?: boolean;
+};
+export interface SelectProps {
+    error?: string;
+    warning?: string;
+    onChange?: ChangeEventHandler<HTMLSelectElement>;
+    options: SelectOptions[];
+    value: string;
+    mandatory?: boolean;
+    hideLabel?: boolean;
+    selectProps?: DetailedHTMLProps<SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement>;
+    label: JSX.Element | string;
+    placeholderText?: string;
+    className?: string;
+}
+export declare const LuiSelectInput: (props: SelectProps) => JSX.Element;

package/dist/components/LuiFormElements/LuiTextAreaInput/LuiAutoExpandTextAreaInput.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
-import { type LuiTextAreaInputProps } from './LuiTextAreaInput';
-export declare const LuiAutoExpandTextAreaInput: (props: LuiTextAreaInputProps) => React.JSX.Element;
+import React from 'react';
+import { type LuiTextAreaInputProps } from './LuiTextAreaInput';
+export declare const LuiAutoExpandTextAreaInput: (props: LuiTextAreaInputProps) => React.JSX.Element;

package/dist/components/LuiFormElements/LuiTextAreaInput/LuiTextAreaInput.d.ts

@@ -1,12 +1,12 @@
-import React, { ChangeEventHandler, InputHTMLAttributes, JSX } from 'react';
-export interface LuiTextAreaInputProps {
-    label: JSX.Element | string;
-    mandatory?: boolean;
-    inputProps?: InputHTMLAttributes<HTMLTextAreaElement>;
-    onChange?: ChangeEventHandler<HTMLTextAreaElement>;
-    value: string;
-    error?: string | boolean;
-    warning?: string;
-    rows?: number;
-}
-export declare const LuiTextAreaInput: React.ForwardRefExoticComponent<LuiTextAreaInputProps & React.RefAttributes<HTMLTextAreaElement>>;
+import React, { ChangeEventHandler, InputHTMLAttributes, JSX } from 'react';
+export interface LuiTextAreaInputProps {
+    label: JSX.Element | string;
+    mandatory?: boolean;
+    inputProps?: InputHTMLAttributes<HTMLTextAreaElement>;
+    onChange?: ChangeEventHandler<HTMLTextAreaElement>;
+    value: string;
+    error?: string | boolean;
+    warning?: string;
+    rows?: number;
+}
+export declare const LuiTextAreaInput: React.ForwardRefExoticComponent<LuiTextAreaInputProps & React.RefAttributes<HTMLTextAreaElement>>;

package/dist/components/LuiFormElements/LuiTextInput/LuiTextInput.d.ts

@@ -1,23 +1,23 @@
-import React, { ChangeEventHandler, JSX } from 'react';
-export interface LuiTextInputProps {
-    onChange?: ChangeEventHandler<HTMLInputElement>;
-    inputProps?: Omit<JSX.IntrinsicElements['input'], 'ref'>;
-    error?: string;
-    warning?: string;
-    hideLabel?: boolean;
-    label: JSX.Element | string;
-    /**
-     * A red star will be shown next to the label, no validation will be performed based on this prop.
-     */
-    mandatory?: boolean;
-    /**
-     * A padlock will be displayed on right side of input
-     */
-    showPadlockIcon?: boolean;
-    className?: string;
-    value?: string;
-    icon?: JSX.Element;
-    size?: 'sm';
-}
-export declare function useGenerateOrDefaultId(idFromProps?: string): string;
-export declare const LuiTextInput: React.ForwardRefExoticComponent<LuiTextInputProps & React.RefAttributes<HTMLInputElement>>;
+import React, { ChangeEventHandler, JSX } from 'react';
+export interface LuiTextInputProps {
+    onChange?: ChangeEventHandler<HTMLInputElement>;
+    inputProps?: Omit<JSX.IntrinsicElements['input'], 'ref'>;
+    error?: string;
+    warning?: string;
+    hideLabel?: boolean;
+    label: JSX.Element | string;
+    /**
+     * A red star will be shown next to the label, no validation will be performed based on this prop.
+     */
+    mandatory?: boolean;
+    /**
+     * A padlock will be displayed on right side of input
+     */
+    showPadlockIcon?: boolean;
+    className?: string;
+    value?: string;
+    icon?: JSX.Element;
+    size?: 'sm';
+}
+export declare function useGenerateOrDefaultId(idFromProps?: string): string;
+export declare const LuiTextInput: React.ForwardRefExoticComponent<LuiTextInputProps & React.RefAttributes<HTMLInputElement>>;

package/dist/components/LuiForms/LuiFormSection/LuiFormSectionHeader.d.ts

@@ -1,7 +1,7 @@
-import React, { PropsWithChildren, ReactNode } from 'react';
-export interface IFormSectionHeaderProps {
-    header: string;
-    details?: string | ReactNode;
-    link?: string;
-}
-export declare const LuiFormSectionHeader: (props: PropsWithChildren<IFormSectionHeaderProps>) => React.JSX.Element;
+import React, { PropsWithChildren, ReactNode } from 'react';
+export interface IFormSectionHeaderProps {
+    header: string;
+    details?: string | ReactNode;
+    link?: string;
+}
+export declare const LuiFormSectionHeader: (props: PropsWithChildren<IFormSectionHeaderProps>) => React.JSX.Element;

package/dist/components/LuiForms/LuiFormSection/LuiHelpInfo/LuiHelpInfo.d.ts

@@ -1,6 +1,6 @@
-import React, { ReactNode } from 'react';
-interface IHelpInfoProps {
-    info: string | ReactNode;
-}
-export declare const HelpInfo: React.FC<React.PropsWithChildren<IHelpInfoProps>>;
-export {};
+import React, { ReactNode } from 'react';
+interface IHelpInfoProps {
+    info: string | ReactNode;
+}
+export declare const HelpInfo: React.FC<React.PropsWithChildren<IHelpInfoProps>>;
+export {};

package/dist/components/LuiHeader/LuiHeader.d.ts

@@ -1,72 +1,72 @@
-import React, { ReactElement } from 'react';
-import { Range } from '../common/ResponsiveUtils';
-type HeaderSize = 'normal' | 'small';
-interface HeaderProps {
-    headingText?: string;
-    size?: HeaderSize;
-    /** The URL or path that the LINZ logo will link to. If unset, the logo will not be a link. */
-    homeLink?: string | (() => void);
-    transparent?: boolean;
-    sticky?: boolean;
-}
-/**
- * @deprecated: this is replaced by LuiHeaderV2
- */
-declare const LuiHeader: React.FC<React.PropsWithChildren<HeaderProps>>;
-interface ILuiIcon {
-    /**
-     * The material-ui icon name (see https://material.io/resources/icons/?search=account_c&style=round)
-     */
-    icon?: string;
-    /**
-     * Hides the menu item on screens specified
-     */
-    hide?: Range;
-}
-interface ILuiHeaderMenuItem extends ILuiIcon {
-    /**
-     * The label that will show up beside (right) the icon, if not specified then it won't show up
-     */
-    label?: string | ReactElement;
-    /**
-     * The string that will show up as a notification badge which will show up at the upper right corner of the icon.
-     */
-    badge?: string;
-    /**
-     * The callback handler to be registered which will be called when menu item is clicked.
-     */
-    onClick?: () => void;
-    /**
-     * The test id used to reference the html element which is bound to the onClick function.
-     */
-    'data-testid'?: string;
-}
-/**
- * @deprecated: this is replaced by LuiHeaderMenuItemV2
- *
- * The \`LuiHeaderMenuItem\` is the base component for all menu items that are to be shown in the header.
- * Note that it depends on it being rendered inside a LuiHeader for its styles to apply properly.
- * To configure the item for responsiveness, ensure to set any of the hideOn* properties.
- */
-declare const LuiHeaderMenuItem: React.ForwardRefExoticComponent<ILuiHeaderMenuItem & {
-    children?: React.ReactNode;
-} & React.RefAttributes<HTMLDivElement>>;
-interface ILuiCloseableHeaderMenuContext {
-    isOpen: () => boolean;
-    open: () => void;
-    close: () => void;
-}
-declare const LuiCloseableHeaderMenuContext: React.Context<ILuiCloseableHeaderMenuContext>;
-interface ILuiCloseableHeaderMenuItem extends Omit<ILuiHeaderMenuItem, 'onClick'> {
-    open: boolean;
-    setOpen: (value: boolean) => void;
-}
-/**
- * @deprecated replaced by LuiCloseableHeaderMenuItemV2
- */
-declare const LuiCloseableHeaderMenuItem: React.FC<React.PropsWithChildren<ILuiCloseableHeaderMenuItem>>;
-interface ILuiMenuCloseButton extends ILuiIcon {
-    'data-testid'?: string;
-}
-declare const LuiMenuCloseButton: React.FC<React.PropsWithChildren<ILuiMenuCloseButton>>;
-export { HeaderSize, HeaderProps, LuiHeader, ILuiIcon, ILuiHeaderMenuItem, LuiHeaderMenuItem, ILuiMenuCloseButton, LuiMenuCloseButton, ILuiCloseableHeaderMenuItem, LuiCloseableHeaderMenuItem, LuiCloseableHeaderMenuContext, };
+import React, { ReactElement } from 'react';
+import { Range } from '../common/ResponsiveUtils';
+type HeaderSize = 'normal' | 'small';
+interface HeaderProps {
+    headingText?: string;
+    size?: HeaderSize;
+    /** The URL or path that the LINZ logo will link to. If unset, the logo will not be a link. */
+    homeLink?: string | (() => void);
+    transparent?: boolean;
+    sticky?: boolean;
+}
+/**
+ * @deprecated: this is replaced by LuiHeaderV2
+ */
+declare const LuiHeader: React.FC<React.PropsWithChildren<HeaderProps>>;
+interface ILuiIcon {
+    /**
+     * The material-ui icon name (see https://material.io/resources/icons/?search=account_c&style=round)
+     */
+    icon?: string;
+    /**
+     * Hides the menu item on screens specified
+     */
+    hide?: Range;
+}
+interface ILuiHeaderMenuItem extends ILuiIcon {
+    /**
+     * The label that will show up beside (right) the icon, if not specified then it won't show up
+     */
+    label?: string | ReactElement;
+    /**
+     * The string that will show up as a notification badge which will show up at the upper right corner of the icon.
+     */
+    badge?: string;
+    /**
+     * The callback handler to be registered which will be called when menu item is clicked.
+     */
+    onClick?: () => void;
+    /**
+     * The test id used to reference the html element which is bound to the onClick function.
+     */
+    'data-testid'?: string;
+}
+/**
+ * @deprecated: this is replaced by LuiHeaderMenuItemV2
+ *
+ * The \`LuiHeaderMenuItem\` is the base component for all menu items that are to be shown in the header.
+ * Note that it depends on it being rendered inside a LuiHeader for its styles to apply properly.
+ * To configure the item for responsiveness, ensure to set any of the hideOn* properties.
+ */
+declare const LuiHeaderMenuItem: React.ForwardRefExoticComponent<ILuiHeaderMenuItem & {
+    children?: React.ReactNode | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
+interface ILuiCloseableHeaderMenuContext {
+    isOpen: () => boolean;
+    open: () => void;
+    close: () => void;
+}
+declare const LuiCloseableHeaderMenuContext: React.Context<ILuiCloseableHeaderMenuContext>;
+interface ILuiCloseableHeaderMenuItem extends Omit<ILuiHeaderMenuItem, 'onClick'> {
+    open: boolean;
+    setOpen: (value: boolean) => void;
+}
+/**
+ * @deprecated replaced by LuiCloseableHeaderMenuItemV2
+ */
+declare const LuiCloseableHeaderMenuItem: React.FC<React.PropsWithChildren<ILuiCloseableHeaderMenuItem>>;
+interface ILuiMenuCloseButton extends ILuiIcon {
+    'data-testid'?: string;
+}
+declare const LuiMenuCloseButton: React.FC<React.PropsWithChildren<ILuiMenuCloseButton>>;
+export { HeaderSize, HeaderProps, LuiHeader, ILuiIcon, ILuiHeaderMenuItem, LuiHeaderMenuItem, ILuiMenuCloseButton, LuiMenuCloseButton, ILuiCloseableHeaderMenuItem, LuiCloseableHeaderMenuItem, LuiCloseableHeaderMenuContext, };

package/dist/components/LuiHeaderMenu/LuiHeaderMenus.d.ts

@@ -1,51 +1,51 @@
-import React, { ReactElement, ReactNode } from 'react';
-import { ILuiHeaderMenuItem, ILuiIcon } from '../LuiHeader/LuiHeader';
-interface ILuiDrawerMenuOption {
-    /**
-     * The material-ui icon name (see https://material.io/resources/icons/?search=account_c&style=round)
-     */
-    icon?: string | ReactElement;
-    /**
-     * The label shown beside the icon which is aligned at the left of the drawer
-     */
-    label: string;
-    /**
-     * The badge which is shown which is aligned at the right of the drawer
-     */
-    badge?: ReactElement;
-    /**
-     * The function to be bound together with closing the drawer on click
-     */
-    onClick?: () => void;
-}
-/**
- * @deprecated replaced by LuiDrawerMenuOptionsV2
- */
-declare const LuiDrawerMenuOptions: React.FC<React.PropsWithChildren<ILuiIcon>>;
-/**
- * @deprecated replaced by LuiDrawerMenuOptionV2
- */
-declare const LuiDrawerMenuOption: React.FC<React.PropsWithChildren<ILuiDrawerMenuOption>>;
-type ILuiDrawerMenu = Omit<ILuiHeaderMenuItem, 'onClick'> & {
-    hasStickyHeader?: boolean;
-};
-/**
- * @deprecated replaced by LuiDrawerMenuV2
- */
-declare const LuiDrawerMenu: React.FC<React.PropsWithChildren<ILuiDrawerMenu>>;
-type ILuiDropdownMenu = Omit<ILuiHeaderMenuItem, 'onClick'>;
-/**
- * @deprecated  replaced by LuiDropdownMenuV2
- */
-declare const LuiDropdownMenu: React.FC<React.PropsWithChildren<ILuiDropdownMenu>>;
-interface ILuiDrawerMenuSection {
-    /**
-     * Optional tile, displays a header if set
-     */
-    title?: string;
-    collapsible?: boolean;
-    children: ReactNode;
-}
-declare const LuiDrawerMenuSection: (props: ILuiDrawerMenuSection) => React.JSX.Element;
-declare const LuiDrawerMenuDivider: () => React.JSX.Element;
-export { ILuiDrawerMenu, LuiDrawerMenu, LuiDrawerMenuOptions, ILuiDrawerMenuOption, LuiDrawerMenuOption, ILuiDropdownMenu, LuiDropdownMenu, ILuiDrawerMenuSection, LuiDrawerMenuSection, LuiDrawerMenuDivider, };
+import React, { ReactElement, ReactNode } from 'react';
+import { ILuiHeaderMenuItem, ILuiIcon } from '../LuiHeader/LuiHeader';
+interface ILuiDrawerMenuOption {
+    /**
+     * The material-ui icon name (see https://material.io/resources/icons/?search=account_c&style=round)
+     */
+    icon?: string | ReactElement;
+    /**
+     * The label shown beside the icon which is aligned at the left of the drawer
+     */
+    label: string;
+    /**
+     * The badge which is shown which is aligned at the right of the drawer
+     */
+    badge?: ReactElement;
+    /**
+     * The function to be bound together with closing the drawer on click
+     */
+    onClick?: () => void;
+}
+/**
+ * @deprecated replaced by LuiDrawerMenuOptionsV2
+ */
+declare const LuiDrawerMenuOptions: React.FC<React.PropsWithChildren<ILuiIcon>>;
+/**
+ * @deprecated replaced by LuiDrawerMenuOptionV2
+ */
+declare const LuiDrawerMenuOption: React.FC<React.PropsWithChildren<ILuiDrawerMenuOption>>;
+type ILuiDrawerMenu = Omit<ILuiHeaderMenuItem, 'onClick'> & {
+    hasStickyHeader?: boolean;
+};
+/**
+ * @deprecated replaced by LuiDrawerMenuV2
+ */
+declare const LuiDrawerMenu: React.FC<React.PropsWithChildren<ILuiDrawerMenu>>;
+type ILuiDropdownMenu = Omit<ILuiHeaderMenuItem, 'onClick'>;
+/**
+ * @deprecated  replaced by LuiDropdownMenuV2
+ */
+declare const LuiDropdownMenu: React.FC<React.PropsWithChildren<ILuiDropdownMenu>>;
+interface ILuiDrawerMenuSection {
+    /**
+     * Optional tile, displays a header if set
+     */
+    title?: string;
+    collapsible?: boolean;
+    children: ReactNode;
+}
+declare const LuiDrawerMenuSection: (props: ILuiDrawerMenuSection) => React.JSX.Element;
+declare const LuiDrawerMenuDivider: () => React.JSX.Element;
+export { ILuiDrawerMenu, LuiDrawerMenu, LuiDrawerMenuOptions, ILuiDrawerMenuOption, LuiDrawerMenuOption, ILuiDropdownMenu, LuiDropdownMenu, ILuiDrawerMenuSection, LuiDrawerMenuSection, LuiDrawerMenuDivider, };

package/dist/components/LuiHeaderMenuV2/LuiHeaderMenusV2.d.ts

@@ -1,102 +1,87 @@
-import React, { ReactElement, ReactNode } from 'react';
-import { LuiHeaderMenuItemV2Props } from '../LuiHeaderV2/LuiHeaderV2';
-import { Size } from '../common/ResponsiveUtils';
-import { IconSize } from '../LuiIcon/LuiIcon';
-interface LuiDrawerMenuOptionV2Props {
-    /**
-     * The LUI icon name or icon element
-     */
-    icon?: string | ReactElement;
-    /**
-     * icon color, only applied when using LuiIcon
-     */
-    iconColor?: string;
-    /**
-     * The size of icon, only applied when using LuiIcon, default to 'md'
-     */
-    iconSize?: IconSize;
-    /**
-     * The label shown beside the icon which is aligned at the left of the drawer
-     */
-    label: string | ReactElement;
-    /**
-     * The badge which is shown which is aligned at the right of the drawer
-     */
-    badge?: ReactElement;
-    /**
-     * The function to be bound together with closing the drawer on click
-     */
-    onClick?: () => void;
-    /**
-     * whether close drawer menu on clicking, default to true
-     * true - close menu on clicking
-     * false - remains open on clicking
-     */
-    closeMenuOnClick?: boolean;
-    /**
-     * Open link in a new tab
-     */
-    url?: string;
-}
-declare const LuiDrawerMenuOptionsV2: ({ children }: {
-    children: ReactNode;
-}) => React.JSX.Element;
-declare const LuiDrawerMenuOptionV2: ({ icon, iconColor, label, badge, iconSize, closeMenuOnClick, onClick, url, }: LuiDrawerMenuOptionV2Props) => React.JSX.Element;
-type LuiDrawerMenuV2Props = Omit<LuiHeaderMenuItemV2Props, 'onClick' | 'isSelected'> & {
-    hasStickyHeader?: boolean;
-    size?: Exclude<Size, 'xs'>;
-    type?: 'drawer' | 'dropdown';
-};
-/**
- * Drawer menu support both sliding and dropdown
- */
-declare const LuiDrawerMenuV2: ({ children, hasStickyHeader, size, type, ...menuPropsCopy }: Omit<LuiHeaderMenuItemV2Props, "onClick" | "isSelected"> & {
-    hasStickyHeader?: boolean | undefined;
-    size?: "sm" | "md" | "lg" | "xl" | undefined;
-    type?: "drawer" | "dropdown" | undefined;
-} & {
-    children: ReactNode;
-}) => React.JSX.Element;
-type LuiDropdownMenuV2Props = Omit<LuiHeaderMenuItemV2Props, 'onClick' | 'isSelected'> & {
-    /**
-     * The anchor origin of dropdown, default to left
-     */
-    anchorOrigin?: {
-        horizontal?: 'left' | 'right';
-    };
-    /**
-     * the width of dropdown, default to 'md'
-     */
-    size?: Size | 'xxl';
-};
-/**
- * LuiDropdownMenuV2 dropdown content element
- */
-export declare const LuiDropdownMenuV2DropContent: ({ children, }: {
-    children: ReactNode;
-}) => React.JSX.Element;
-declare const LuiDropdownMenuV2: (props: Omit<LuiHeaderMenuItemV2Props, "onClick" | "isSelected"> & {
-    /**
-     * The anchor origin of dropdown, default to left
-     */
-    anchorOrigin?: {
-        horizontal?: "left" | "right" | undefined;
-    } | undefined;
-    /**
-     * the width of dropdown, default to 'md'
-     */
-    size?: Size | "xxl" | undefined;
-} & {
-    children: ReactNode;
-}) => React.JSX.Element;
-type LuiDrawerMenuSectionV2Props = {
-    /**
-     * Optional tile, displays a header if set
-     */
-    title?: string;
-    collapsible?: boolean;
-    children: ReactNode;
-};
-declare const LuiDrawerMenuSectionV2: (props: LuiDrawerMenuSectionV2Props) => React.JSX.Element;
-declare const LuiDrawerMenuDividerV2: () => React.JSX.Element;
-export { LuiDrawerMenuV2Props, LuiDrawerMenuV2, LuiDrawerMenuOptionV2Props, LuiDrawerMenuOptionV2, LuiDrawerMenuOptionsV2, LuiDrawerMenuSectionV2Props, LuiDrawerMenuSectionV2, LuiDropdownMenuV2Props, LuiDropdownMenuV2, LuiDrawerMenuDividerV2, };
+import React, { ReactElement, ReactNode } from 'react';
+import { LuiHeaderMenuItemV2Props } from '../LuiHeaderV2/LuiHeaderV2';
+import { Size } from '../common/ResponsiveUtils';
+import { IconSize } from '../LuiIcon/LuiIcon';
+interface LuiDrawerMenuOptionV2Props {
+    /**
+     * The LUI icon name or icon element
+     */
+    icon?: string | ReactElement;
+    /**
+     * icon color, only applied when using LuiIcon
+     */
+    iconColor?: string;
+    /**
+     * The size of icon, only applied when using LuiIcon, default to 'md'
+     */
+    iconSize?: IconSize;
+    /**
+     * The label shown beside the icon which is aligned at the left of the drawer
+     */
+    label: string | ReactElement;
+    /**
+     * The badge which is shown which is aligned at the right of the drawer
+     */
+    badge?: ReactElement;
+    /**
+     * The function to be bound together with closing the drawer on click
+     */
+    onClick?: () => void;
+    /**
+     * whether close drawer menu on clicking, default to true
+     * true - close menu on clicking
+     * false - remains open on clicking
+     */
+    closeMenuOnClick?: boolean;
+    /**
+     * Open link in a new tab
+     */
+    url?: string;
+}
+declare const LuiDrawerMenuOptionsV2: ({ children }: {
+    children: ReactNode;
+}) => React.JSX.Element;
+declare const LuiDrawerMenuOptionV2: ({ icon, iconColor, label, badge, iconSize, closeMenuOnClick, onClick, url, }: LuiDrawerMenuOptionV2Props) => React.JSX.Element;
+type LuiDrawerMenuV2Props = Omit<LuiHeaderMenuItemV2Props, 'onClick' | 'isSelected'> & {
+    hasStickyHeader?: boolean;
+    size?: Exclude<Size, 'xs'>;
+    type?: 'drawer' | 'dropdown';
+};
+/**
+ * Drawer menu support both sliding and dropdown
+ */
+declare const LuiDrawerMenuV2: ({ children, hasStickyHeader, size, type, ...menuPropsCopy }: LuiDrawerMenuV2Props & {
+    children: ReactNode;
+}) => React.JSX.Element;
+type LuiDropdownMenuV2Props = Omit<LuiHeaderMenuItemV2Props, 'onClick' | 'isSelected'> & {
+    /**
+     * The anchor origin of dropdown, default to left
+     */
+    anchorOrigin?: {
+        horizontal?: 'left' | 'right';
+    };
+    /**
+     * the width of dropdown, default to 'md'
+     */
+    size?: Size | 'xxl';
+};
+/**
+ * LuiDropdownMenuV2 dropdown content element
+ */
+export declare const LuiDropdownMenuV2DropContent: ({ children, }: {
+    children: ReactNode;
+}) => React.JSX.Element;
+declare const LuiDropdownMenuV2: (props: LuiDropdownMenuV2Props & {
+    children: ReactNode;
+}) => React.JSX.Element;
+type LuiDrawerMenuSectionV2Props = {
+    /**
+     * Optional tile, displays a header if set
+     */
+    title?: string;
+    collapsible?: boolean;
+    children: ReactNode;
+};
+declare const LuiDrawerMenuSectionV2: (props: LuiDrawerMenuSectionV2Props) => React.JSX.Element;
+declare const LuiDrawerMenuDividerV2: () => React.JSX.Element;
+export { LuiDrawerMenuV2Props, LuiDrawerMenuV2, LuiDrawerMenuOptionV2Props, LuiDrawerMenuOptionV2, LuiDrawerMenuOptionsV2, LuiDrawerMenuSectionV2Props, LuiDrawerMenuSectionV2, LuiDropdownMenuV2Props, LuiDropdownMenuV2, LuiDrawerMenuDividerV2, };