export declare const MenuOrientation: { readonly Horizontal: "horizontal"; readonly Vertical: "vertical"; }; export type MenuOrientationType = (typeof MenuOrientation)[keyof typeof MenuOrientation]; export declare const VerticalDropdownDisplay: { readonly AlwaysOpen: "alwaysOpen"; readonly ExpandCollapse: "expandCollapse"; }; export type MenuVerticalDropdownDisplayType = (typeof VerticalDropdownDisplay)[keyof typeof VerticalDropdownDisplay]; export declare const DropdownAnchor: { readonly menuItem: "menuItem"; readonly menuStretched: "menuStretched"; readonly menuCustomWidth: "menuCustomWidth"; readonly screen: "screen"; }; export type DropdownAnchorType = (typeof DropdownAnchor)[keyof typeof DropdownAnchor]; export declare const MenuAnimationName: { readonly None: "none"; readonly Calm: "calm"; readonly Underline: "underline"; readonly Wash: "wash"; readonly Bullet: "bullet"; readonly Wave: "wave"; readonly Bounce: "bounce"; readonly Tint: "tint"; readonly TextWash: "textWash"; readonly Wobble: "wobble"; readonly Brackets: "brackets"; readonly Float: "float"; readonly Shape: "shape"; readonly Expand: "expand"; readonly Circle: "circle"; readonly Shadow: "shadow"; readonly LineRise: "lineRise"; readonly Overline: "overline"; readonly CenterLine: "centerLine"; readonly Skew: "skew"; readonly Point: "point"; readonly Blur: "blur"; }; export type MenuAnimationNameType = (typeof MenuAnimationName)[keyof typeof MenuAnimationName]; export declare const DropdownAnimationName: { readonly None: "none"; readonly RevealFromTop: "revealFromTop"; readonly FadeIn: "fadeIn"; }; export type DropdownAnimationNameType = (typeof DropdownAnimationName)[keyof typeof DropdownAnimationName]; export declare const HamburgerMenuAnimationName: { readonly None: "none"; readonly RevealFromRight: "revealFromRight"; readonly FadeIn: "fadeIn"; }; export type HamburgerMenuAnimationNameType = (typeof HamburgerMenuAnimationName)[keyof typeof HamburgerMenuAnimationName]; export declare const DisplayNames: { root: { elementDisplayName: string; actions: { manageMenu: string; design: string; settings: string; }; customActions: { format: { displayName: string; panel: { menu: string; orientation: string; overflowItems: { displayName: string; infoContent: string; }; menuTypeOptions: { navbar: string; hamburger: string; }; orientationOptions: { horizontal: string; vertical: string; }; overflowOptions: { scroll: string; expandMenu: string; }; }; }; animatedIcon: { displayName: string; }; }; presets: { horizontalScrollNavbar: string; horizontalHugNavbar: string; verticalNavbar: string; hamburgerMenu: string; }; states: { hamburgerDialog: string; dropdown: string; }; }; navbar: { elementDisplayName: string; displayGroups: { dividerBorderGroup: string; }; cssCustomProperties: { 'vertical-dropdown-display': string; 'items-width': string; 'container-align': string; 'menu-items-row-gap': string; 'menu-items-column-gap': string; }; actions: { manageMenu: string; }; options: { alwaysOpen: string; expandCollapse: string; fitToText: string; fillMenu: string; start: string; end: string; top: string; bottom: string; }; }; item: { elementDisplayName: string; cssProperties: { justifyContent: string; background: string; columnGap: string; 'item-icon-size': string; }; displayGroups: { iconGroup: string; }; states: { hover: string; selected: string; }; }; dropdown: { elementDisplayName: string; cssCustomProperties: { anchor: string; align: string; 'items-width': string; 'columns-number': string; 'space-above': string; 'horizontal-margin': string; 'item-position': string; }; options: { menuItem: string; menuStretched: string; screen: string; start: string; center: string; end: string; fitToText: string; fillDropdown: string; afterItems: string; beforeItems: string; aboveItems: string; belowItems: string; }; displayGroups: { gapGroup: string; }; }; dropdownItem: { elementDisplayName: string; }; dropdownSubItem: { elementDisplayName: string; }; scrollButton: { elementDisplayName: string; cssProperties: { background: string; }; cssCustomProperties: { 'scroll-button-icon-size': string; }; displayGroups: { scrollButtonGroup: string; }; }; hamburgerMenu: { elementDisplayName: string; cssCustomProperties: { 'hamburger-wrapper-width': string; 'wrapper-position': string; 'menu-position': string; 'close-button-position': string; 'overlay-background': string; }; options: { third: string; twoThirds: string; half: string; full: string; start: string; middle: string; end: string; top: string; bottom: string; }; }; hamburgerOpenButton: { elementDisplayName: string; }; hamburgerCloseButton: { elementDisplayName: string; }; }; export declare const selectors: { menu: string; navbar: string; item: string; dropdown: string; dropdownItem: string; dropdownSubItem: string; scrollButton: string; hamburgerMenu: string; hamburgerMenuContent: string; hamburgerMenuHeaderContent: string; hamburgerMenuOpenButton: string; hamburgerMenuCloseButton: string; }; export declare const elementKeys: { navbar: string; hamburgerMenu: string; hamburgerOpenButton: string; hamburgerCloseButton: string; item: string; subItem: string; scrollButton: string; dropdown: string; }; export declare const presets: { horizontalScrollNavbar: string; horizontalHugNavbar: string; verticalNavbar: string; hamburgerMenu: string; }; export declare const states: { dropdown: string; hamburgerDialog: string; hamburgerDialogDropdown: string; }; export declare const DesignStates: { readonly item: { readonly hover: { readonly displayName: string; readonly className: "menu__item--hover"; }; readonly selected: { readonly displayName: string; readonly className: "menu__item--selected"; }; }; readonly dropdownItem: { readonly hover: { readonly displayName: "Hover"; readonly className: "menu__dropdown-item--hover"; }; readonly selected: { readonly displayName: "Selected"; readonly className: "menu__dropdown-item--selected"; }; }; readonly dropdownSubItem: { readonly hover: { readonly displayName: "Hover"; readonly className: "menu__dropdown-sub-item--hover"; }; readonly selected: { readonly displayName: "Selected"; readonly className: "menu__dropdown-sub-item--selected"; }; }; readonly scrollButton: { readonly hover: { readonly displayName: "Hover"; readonly className: "menu__scroll-button--hover"; }; }; }; export declare const DropdownAppliedStyleProperties: { anchor: string; }; export declare const DropdownAnchorPositions: { readonly menuItem: "0"; readonly menuStretched: "1"; readonly screen: "2"; }; export declare const ARIA_LABEL_NAMESPACE = "ariaLabels"; export declare const translationsKeys: { menuNavAriaLabel: string; dropdownButtonAriaLabel: string; hamburgerOpenButtonAriaLabel: string; hamburgerCloseButtonAriaLabel: string; }; export type Translations = { translations: { dropdownButtonAriaLabel?: string; menuNavAriaLabel?: string; hamburgerOpenButtonAriaLabel?: string; hamburgerCloseButtonAriaLabel?: string; }; }; export declare const defaultTranslations: { menuNavAriaLabel: string; dropdownButtonAriaLabel: string; hamburgerOpenButtonAriaLabel: string; hamburgerCloseButtonAriaLabel: string; }; export declare const MenuParts: { readonly Root: "menu-root"; readonly Navbar: "navbar"; readonly DropdownContainer: "dropdown-container"; readonly DropdownButton: "dropdown-button"; readonly DropdownIcon: "dropdown-icon"; readonly Label: "label"; readonly DropdownItem: "dropdown-item"; readonly DropdownItemLabel: "dropdown-item-label"; readonly DropdownSubItem: "dropdown-subitem"; readonly DropdownSubItemLabel: "dropdown-subitem-label"; readonly MenuItem: "menu-item"; readonly MenuItemContent: "menu-item-content"; readonly MenuItemLink: "menu-item-link"; readonly HamburgerMenuContainer: "hamburger-menu-container"; readonly HamburgerOverlay: "hamburger-overlay"; readonly ScrollBackwardButton: "scroll-backward-button"; readonly ScrollForwardButton: "scroll-forward-button"; };