@nypl/web-reader 4.2.0 → 4.3.1

package/dist/types/WebpubManifestTypes/ReadiumLink.d.ts

@@ -1,58 +0,0 @@
-import { EPUBExtensionLinkProperties } from './EpubExtension';
-import { OPDSLinkProperties } from './OPDSLink';
-import { PresentationHintsLinkProperties } from './PresentationHints';
-export interface ReadiumLink {
-    /**
-     * URI or URI template of the linked resource
-     */
-    href: string;
-    /**
-     * MIME type of the linked resource
-     */
-    type?: string;
-    /**
-     * Indicates that a URI template is used in href
-     */
-    templated?: boolean;
-    /**
-     * Title of the linked resource
-     */
-    title?: string;
-    /**
-     * Relation between the linked resource and its containing collection
-     */
-    rel?: string | string[];
-    /**
-     * Properties associated to the linked resource
-     */
-    properties?: OPDSLinkProperties & EPUBExtensionLinkProperties & PresentationHintsLinkProperties;
-    /**
-     * Height of the linked resource in pixels
-     */
-    height?: number;
-    /**
-     * Width of the linked resource in pixels
-     */
-    width?: number;
-    /**
-     * Bitrate of the linked resource in kbps
-     */
-    bitrate?: number;
-    /**
-     * Length of the linked resource in seconds
-     */
-    duration?: number;
-    /**
-     * Expected language of the linked resource
-     */
-    language?: string | string[];
-    /**
-     * Alternate resources for the linked resource
-     */
-    alternate?: ReadiumLink[];
-    /**
-     * Resources that are children of the linked resource, in the context of a given collection role
-     */
-    children?: ReadiumLink[];
-    [k: string]: unknown;
-}

package/dist/types/WebpubManifestTypes/Subject.d.ts

@@ -1,16 +0,0 @@
-import { ReadiumLink } from './ReadiumLink';
-export interface SubjectObject {
-    name: string | {
-        /**
-         * This interface was referenced by `undefined`'s JSON-Schema definition
-         * via the `patternProperty` "^((?<grandfathered>(en-GB-oed|i-ami|i-bnn|i-default|i-enochian|i-hak|i-klingon|i-lux|i-mingo|i-navajo|i-pwn|i-tao|i-tay|i-tsu|sgn-BE-FR|sgn-BE-NL|sgn-CH-DE)|(art-lojban|cel-gaulish|no-bok|no-nyn|zh-guoyu|zh-hakka|zh-min|zh-min-nan|zh-xiang))|((?<language>([A-Za-z]{2,3}(-(?<extlang>[A-Za-z]{3}(-[A-Za-z]{3}){0,2}))?)|[A-Za-z]{4}|[A-Za-z]{5,8})(-(?<script>[A-Za-z]{4}))?(-(?<region>[A-Za-z]{2}|[0-9]{3}))?(-(?<variant>[A-Za-z0-9]{5,8}|[0-9][A-Za-z0-9]{3}))*(-(?<extension>[0-9A-WY-Za-wy-z](-[A-Za-z0-9]{2,8})+))*(-(?<privateUse>x(-[A-Za-z0-9]{1,8})+))?)|(?<privateUse2>x(-[A-Za-z0-9]{1,8})+))$".
-         */
-        [k: string]: string;
-    };
-    sortAs?: string;
-    code?: string;
-    scheme?: string;
-    links?: ReadiumLink[];
-    [k: string]: unknown;
-}
-export declare type Subject = string | (string | SubjectObject)[] | SubjectObject;

package/dist/types/WebpubManifestTypes/WebpubManifest.d.ts

@@ -1,14 +0,0 @@
-/**
- * Type definitions for a manifest
- */
-import { ReadiumWebpubContext } from '../constants';
-import { Metadata } from './Metadata';
-import { ReadiumLink } from './ReadiumLink';
-export interface WebpubManifest {
-    '@context'?: typeof ReadiumWebpubContext;
-    metadata: Metadata;
-    links: ReadiumLink[];
-    readingOrder: ReadiumLink[];
-    resources?: ReadiumLink[];
-    toc?: ReadiumLink[];
-}

package/dist/types/constants.d.ts

@@ -1,37 +0,0 @@
-import { ReaderSettings } from './types';
-export declare const ReadiumWebpubContext = "http://readium.org/webpub/default.jsonld";
-export declare const IS_DEV: boolean;
-export declare const HEADER_HEIGHT = 48;
-export declare const FOOTER_HEIGHT = 48;
-export declare const CHROME_HEIGHT: number;
-export declare const DEFAULT_HEIGHT: string;
-export declare const DEFAULT_SHOULD_GROW_WHEN_SCROLLING = true;
-export declare const DEFAULT_SETTINGS: ReaderSettings;
-export declare const FONT_DETAILS: {
-    publisher: {
-        heading: string;
-        body: string;
-        token: string;
-        fontWeight: string;
-    };
-    serif: {
-        heading: string;
-        body: string;
-        token: string;
-        fontWeight: string;
-    };
-    'sans-serif': {
-        heading: string;
-        body: string;
-        token: string;
-        fontWeight: string;
-    };
-    'open-dyslexic': {
-        heading: string;
-        body: string;
-        token: string;
-        fontWeight: string;
-    };
-};
-export declare const LOCAL_STORAGE_SETTINGS_KEY = "web-reader-settings";
-export declare const LOCAL_STORAGE_LOCATIONS_KEY = "web-reader-locations";

package/dist/types/index.d.ts

@@ -1,16 +0,0 @@
-import { FC } from 'react';
-import { ReaderManagerArguments, UseWebReaderArguments } from './types';
-/**
- * The main React component export.
- */
-export declare type WebReaderProps = UseWebReaderArguments & ReaderManagerArguments;
-export declare const WebReaderWithoutBoundary: FC<WebReaderProps>;
-declare const WebReader: FC<WebReaderProps>;
-export default WebReader;
-export { default as useWebReader } from './useWebReader';
-export { default as useHtmlReader } from './HtmlReader';
-export { default as usePdfReader } from './PdfReader';
-export { getTheme } from './ui/theme';
-export { default as useColorModeValue } from './ui/hooks/useColorModeValue';
-export * from './constants';
-export { clearWebReaderLocalStorage } from './utils/localstorage';

package/dist/types/types.d.ts

@@ -1,123 +0,0 @@
-/// <reference types="react" />
-import { Injectable } from './Readium/Injectable';
-import { Locator } from './Readium/Locator';
-import { WebpubManifest } from './WebpubManifestTypes/WebpubManifest';
-export { WebpubManifest };
-export declare const EpubMimeType = "application/epub";
-export declare const WebpubMimeType = "application/webpub";
-export declare type ColorMode = 'night' | 'sepia' | 'day';
-export declare type FontFamily = 'publisher' | 'serif' | 'sans-serif' | 'open-dyslexic';
-export declare type Navigator = {
-    goForward: () => void;
-    goBackward: () => void;
-    setScroll: (val: 'scrolling' | 'paginated') => Promise<void>;
-    goToPage: (href: string) => void;
-};
-export declare type PdfNavigator = Navigator & {
-    zoomIn: () => Promise<void>;
-    zoomOut: () => Promise<void>;
-};
-export declare type HtmlNavigator = Navigator & {
-    increaseFontSize: () => Promise<void>;
-    decreaseFontSize: () => Promise<void>;
-    resetSettings: () => Promise<void>;
-    setFontFamily: (family: FontFamily) => Promise<void>;
-    setColorMode: (mode: ColorMode) => Promise<void>;
-};
-export declare type ReaderSettings = {
-    colorMode: ColorMode;
-    isScrolling: boolean;
-    fontSize: number;
-    fontFamily: FontFamily;
-};
-/**
- * This is the "public" state of the reader that
- * is returned to consumers of useWebReader. Each
- * reader (pdf/html) has its own internal state with
- * more details necessary for rendering
- */
-export declare type ReaderState = {
-    atStart: boolean;
-    atEnd: boolean;
-    location?: Locator;
-    settings: ReaderSettings | undefined;
-};
-export declare type InactiveReader = null;
-export declare type LoadingReader = {
-    isLoading: true;
-    content: JSX.Element;
-    navigator: null;
-    state: null;
-    manifest: null;
-    type: null;
-};
-declare type CommonReader = {
-    isLoading: false;
-    content: JSX.Element;
-    manifest: WebpubManifest;
-};
-export declare type PDFActiveReader = CommonReader & {
-    state: ReaderState;
-    navigator: PdfNavigator;
-    type: 'PDF';
-};
-export declare type HTMLActiveReader = CommonReader & {
-    state: ReaderState;
-    navigator: HtmlNavigator;
-    type: 'HTML';
-};
-export declare type ActiveReader = PDFActiveReader | HTMLActiveReader;
-export declare type ReaderReturn = InactiveReader | LoadingReader | ActiveReader;
-export declare type GetContent = (href: string) => Promise<string>;
-export declare type ReaderManagerArguments = {
-    headerLeft?: JSX.Element;
-};
-export declare type UseWebReaderArguments = {
-    webpubManifestUrl: string;
-    proxyUrl?: string;
-    getContent?: GetContent;
-    pdfWorkerSrc?: string;
-    injectablesReflowable?: Injectable[];
-    injectablesFixed?: Injectable[];
-    /**
-     * CSS string to set the height of the reader in paginated mode, and also
-     * in scrolling mode if `growWhenScrolling` is `false`.
-     *
-     * eg: "800px" or `calc(100vh-${CHROME_HEIGHT})`
-     *
-     * Default: `calc(100vh-${CHROME_HEIGHT})`
-     */
-    height?: string;
-    /**
-     * Tells the renderer if it should grow to fit content in scrolling mode, or if should
-     * remain the same height and instead show an internal scroll bar. Set to `true` by
-     * default, as this should be used in a full-page reader, the most common use case.
-     *
-     * Default: `true`
-     */
-    growWhenScrolling?: boolean;
-    /**
-     * Initial user settings for the reader
-     */
-    readerSettings?: Partial<ReaderSettings>;
-    /**
-     * If enabled, reading location will be persisted to local storage and recalled from
-     * there upon initial load.
-     *
-     * Default: `true`
-     */
-    persistLastLocation?: boolean;
-    /**
-     * If enabled, reader settings will be persisted to local storage and recalled
-     * from there upon initial load.
-     *
-     * Default: `true`
-     */
-    persistSettings?: boolean;
-};
-export declare type ActiveReaderArguments = UseWebReaderArguments & {
-    manifest: WebpubManifest;
-};
-export declare type InactiveReaderArguments = undefined;
-export declare type ReaderArguments = ActiveReaderArguments | InactiveReaderArguments;
-export declare type GetColor = (light: string, dark: string, sepia: string) => string;

package/dist/types/ui/Button.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import { Button as ChakraButton } from '@chakra-ui/react';
-export declare type ButtonProps = React.ComponentPropsWithRef<typeof ChakraButton>;
-declare const Button: React.ForwardRefExoticComponent<Pick<Pick<import("@chakra-ui/react").OmitCommonProps<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, keyof import("@chakra-ui/react").ButtonProps> & import("@chakra-ui/react").ButtonProps & import("@chakra-ui/react").OmitCommonProps<any, keyof import("@chakra-ui/react").ButtonProps> & {
-    as?: import("@chakra-ui/react").As<any> | undefined;
-}, string | number | symbol> & {
-    ref?: ((instance: HTMLButtonElement | null) => void) | React.RefObject<HTMLButtonElement> | null | undefined;
-}, string | number | symbol> & React.RefAttributes<HTMLButtonElement>>;
-export default Button;

package/dist/types/ui/ErrorBoundary.d.ts

@@ -1,16 +0,0 @@
-import * as React from 'react';
-import { WebReaderProps } from '..';
-declare type ErrorState = {
-    error?: Error;
-    info?: React.ErrorInfo;
-};
-declare class ErrorBoundary extends React.Component<WebReaderProps, ErrorState> {
-    static getDerivedStateFromError(error: Error): {
-        error: Error;
-    };
-    state: ErrorState;
-    handleClearError(): void;
-    componentDidCatch(error: Error, errorInfo: React.ErrorInfo): void;
-    render(): React.ReactNode;
-}
-export default ErrorBoundary;

package/dist/types/ui/Footer.d.ts

@@ -1,9 +0,0 @@
-import * as React from 'react';
-import { Flex } from '@chakra-ui/react';
-import { Navigator, ReaderState } from '../types';
-declare type FooterProps = {
-    state: ReaderState | null;
-    navigator: Navigator | null;
-} & React.ComponentProps<typeof Flex>;
-declare const Footer: React.FC<FooterProps>;
-export default Footer;

package/dist/types/ui/Header.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import { ActiveReader, ReaderManagerArguments } from '../types';
-export declare const DefaultHeaderLeft: () => React.ReactElement;
-export default function Header(props: ActiveReader & ReaderManagerArguments & {
-    containerRef: React.MutableRefObject<null | HTMLDivElement>;
-}): React.ReactElement;
-export declare const HeaderWrapper: React.ForwardRefExoticComponent<Pick<import("@chakra-ui/react").OmitCommonProps<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("@chakra-ui/react").FlexProps> & import("@chakra-ui/react").FlexProps & import("@chakra-ui/react").OmitCommonProps<any, keyof import("@chakra-ui/react").FlexProps> & {
-    as?: import("@chakra-ui/react").As<any> | undefined;
-}, string | number | symbol> & React.RefAttributes<HTMLDivElement>>;

package/dist/types/ui/HtmlSettings.d.ts

@@ -1,9 +0,0 @@
-import * as React from 'react';
-import { HtmlNavigator, ReaderState } from '../types';
-export declare type HtmlSettingsProps = {
-    navigator: HtmlNavigator;
-    iconFill: string;
-    readerState: ReaderState;
-    paginationValue: string;
-};
-export default function HtmlSettings(props: HtmlSettingsProps): React.ReactElement | null;

package/dist/types/ui/LoadingSkeleton.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-import { HtmlState } from '../HtmlReader/types';
-import { ReaderState } from '../types';
-declare type AnyState = HtmlState | ReaderState | undefined | null;
-export default function LoadingSkeleton({ height, state, }: {
-    height: string;
-    state: AnyState;
-}): JSX.Element;
-export {};

package/dist/types/ui/PageButton.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import { Button } from '@chakra-ui/react';
-export declare type PageButtonProps = React.ComponentPropsWithoutRef<typeof Button> & {
-    children: React.ReactNode;
-};
-declare function PageButton(props: React.PropsWithoutRef<PageButtonProps>): React.ReactElement;
-export default PageButton;

package/dist/types/ui/PdfSettings.d.ts

@@ -1,8 +0,0 @@
-import * as React from 'react';
-import { PdfNavigator, ReaderState } from '../types';
-export declare type PdfSettingsProps = {
-    navigator: PdfNavigator;
-    readerState: ReaderState;
-    paginationValue: string;
-};
-export default function PdfSettings(props: PdfSettingsProps): React.ReactElement;

package/dist/types/ui/SettingsButton.d.ts

@@ -1,5 +0,0 @@
-import * as React from 'react';
-import { PDFActiveReader, HTMLActiveReader } from '../types';
-declare type SettingsCardProps = Pick<PDFActiveReader, 'navigator' | 'state' | 'type'> | Pick<HTMLActiveReader, 'navigator' | 'state' | 'type'>;
-export default function SettingsCard(props: SettingsCardProps): React.ReactElement;
-export {};

package/dist/types/ui/TableOfContent.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import { Navigator, WebpubManifest } from '../types';
-export default function TableOfContent({ navigator, manifest, containerRef, }: {
-    navigator: Navigator;
-    manifest: WebpubManifest;
-    containerRef: React.MutableRefObject<HTMLDivElement | null>;
-}): React.ReactElement;

package/dist/types/ui/ToggleButton.d.ts

@@ -1,14 +0,0 @@
-import React, { ReactElement } from 'react';
-import { Box as ChakraBox } from '@chakra-ui/react';
-import { ColorMode } from '../types';
-export interface ToggleButtonProps extends React.ComponentPropsWithoutRef<typeof ChakraBox> {
-    colorMode?: ColorMode;
-    icon?: ReactElement;
-    iconFill?: string;
-    label?: string;
-    value: string;
-}
-declare function ToggleButton(props: React.PropsWithoutRef<ToggleButtonProps>): React.ReactElement;
-export declare const FontToggleButton: typeof ToggleButton;
-export declare const ColorModeToggleButton: typeof ToggleButton;
-export default ToggleButton;

package/dist/types/ui/ToggleGroup.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import { UseRadioGroupProps } from '@chakra-ui/react';
-declare type ToggleGroupProps = Omit<UseRadioGroupProps, 'value' | 'defaultValue'> & {
-    value: string;
-    label: string;
-};
-declare const ToggleGroup: React.FC<ToggleGroupProps>;
-export default ToggleGroup;

package/dist/types/ui/hooks/useColorModeValue.d.ts

@@ -1,7 +0,0 @@
-import { Theme } from '@emotion/react';
-import { ColorMode } from '../../types';
-export interface ColorModeTheme extends Theme {
-    currentColorMode: ColorMode;
-}
-declare const useColorModeValue: (light: string, dark: string, sepia: string) => string;
-export default useColorModeValue;

package/dist/types/ui/hooks/useContainerWidth.d.ts

@@ -1,6 +0,0 @@
-/**
- * Returns the interior width of the container in pixels.
- *
- * @returns {number} Width of the container in pixels
- */
-export default function useContainerWidth(containerId: string): number;

package/dist/types/ui/hooks/useEventListener.d.ts

@@ -1,8 +0,0 @@
-/**
- * Adds event listener to a given element.
- *
- * @param {HTMLElement} element Element to attach the listener to
- * @param {string} type Event type
- * @param {Function} listener Event listener
- */
-export default function useEventListener(element: HTMLElement | Window, type: string, listener: () => void): void;

package/dist/types/ui/hooks/useFullScreen.d.ts

@@ -1,7 +0,0 @@
-export default function useFullscreen(): [boolean, () => void];
-export declare const fullScreenEnabled: boolean;
-export declare const isOnFullscreen: () => Element | null;
-/**
- * Toggles fullscreen mode on the <html> element.
- */
-export declare function toggleFullScreen(): void;

package/dist/types/ui/icons/Continuous.d.ts

@@ -1,4 +0,0 @@
-import React, { ReactElement } from 'react';
-import { Icon } from '@chakra-ui/react';
-declare const Continuous: (props: React.ComponentProps<typeof Icon>) => ReactElement;
-export default Continuous;

package/dist/types/ui/icons/Day.d.ts

@@ -1,4 +0,0 @@
-import React, { ReactElement } from 'react';
-import { Icon } from '@chakra-ui/react';
-declare const Day: (props: React.ComponentProps<typeof Icon>) => ReactElement;
-export default Day;

package/dist/types/ui/icons/EnlargeFont.d.ts

@@ -1,4 +0,0 @@
-import React, { ReactElement } from 'react';
-import { Icon } from '@chakra-ui/react';
-declare const EnlargeFont: (props: React.ComponentProps<typeof Icon>) => ReactElement;
-export default EnlargeFont;

package/dist/types/ui/icons/Night.d.ts

@@ -1,4 +0,0 @@
-import React, { ReactElement } from 'react';
-import { Icon } from '@chakra-ui/react';
-declare const Night: (props: React.ComponentProps<typeof Icon>) => ReactElement;
-export default Night;

package/dist/types/ui/icons/Paginated.d.ts

@@ -1,4 +0,0 @@
-import React, { ReactElement } from 'react';
-import { Icon } from '@chakra-ui/react';
-declare const Paginated: (props: React.ComponentProps<typeof Icon>) => ReactElement;
-export default Paginated;

package/dist/types/ui/icons/Previous.d.ts

@@ -1,4 +0,0 @@
-import React, { ReactElement } from 'react';
-import { Icon } from '@chakra-ui/react';
-declare const Previous: (props: React.ComponentProps<typeof Icon>) => ReactElement;
-export default Previous;

package/dist/types/ui/icons/ReaderSettings.d.ts

@@ -1,4 +0,0 @@
-import React, { ReactElement } from 'react';
-import { Icon } from '@chakra-ui/react';
-declare const ReaderSettings: (props: React.ComponentProps<typeof Icon>) => ReactElement;
-export default ReaderSettings;

package/dist/types/ui/icons/ReduceFont.d.ts

@@ -1,4 +0,0 @@
-import React, { ReactElement } from 'react';
-import { Icon } from '@chakra-ui/react';
-declare const ReduceFont: (props: React.ComponentProps<typeof Icon>) => ReactElement;
-export default ReduceFont;

package/dist/types/ui/icons/Reset.d.ts

@@ -1,4 +0,0 @@
-import React, { ReactElement } from 'react';
-import { Icon } from '@chakra-ui/react';
-declare const Reset: (props: React.ComponentProps<typeof Icon>) => ReactElement;
-export default Reset;

package/dist/types/ui/icons/Sepia.d.ts

@@ -1,4 +0,0 @@
-import React, { ReactElement } from 'react';
-import { Icon } from '@chakra-ui/react';
-declare const Sepia: (props: React.ComponentProps<typeof Icon>) => ReactElement;
-export default Sepia;

package/dist/types/ui/icons/TableOfContents.d.ts

@@ -1,4 +0,0 @@
-import React, { ReactElement } from 'react';
-import { Icon } from '@chakra-ui/react';
-declare const TableOfContents: (props: React.ComponentProps<typeof Icon>) => ReactElement;
-export default TableOfContents;

package/dist/types/ui/icons/ToggleFullScreen.d.ts

@@ -1,4 +0,0 @@
-import React, { ReactElement } from 'react';
-import { Icon } from '@chakra-ui/react';
-declare const ToggleFullScreen: (props: React.ComponentProps<typeof Icon>) => ReactElement;
-export default ToggleFullScreen;

package/dist/types/ui/icons/ToggleFullScreenExit.d.ts

@@ -1,4 +0,0 @@
-import React, { ReactElement } from 'react';
-import { Icon } from '@chakra-ui/react';
-declare const ToggleFullScreenExit: (props: React.ComponentProps<typeof Icon>) => ReactElement;
-export default ToggleFullScreenExit;

package/dist/types/ui/icons/index.d.ts

@@ -1,14 +0,0 @@
-import Continuous from './Continuous';
-import Day from './Day';
-import EnlargeFont from './EnlargeFont';
-import Night from './Night';
-import Paginated from './Paginated';
-import Previous from './Previous';
-import ReaderSettings from './ReaderSettings';
-import ReduceFont from './ReduceFont';
-import Reset from './Reset';
-import Sepia from './Sepia';
-import TableOfContents from './TableOfContents';
-import ToggleFullScreen from './ToggleFullScreen';
-import ToggleFullScreenExit from './ToggleFullScreenExit';
-export { Continuous, Day, EnlargeFont, Night, Paginated, Previous, ReaderSettings, ReduceFont, Reset, Sepia, TableOfContents, ToggleFullScreen, ToggleFullScreenExit, };

package/dist/types/ui/manager.d.ts

@@ -1,9 +0,0 @@
-import * as React from 'react';
-import { ReaderManagerArguments, ReaderReturn } from '../types';
-/**
- * The default Manager UI. This will be broken into individual components
- * that can be imported and used separately or in a customized setup.
- * It takes the return value of useWebReader as props
- */
-declare const ManagerUI: React.FC<ReaderReturn & ReaderManagerArguments>;
-export default ManagerUI;

package/dist/types/ui/menu/index.d.ts

@@ -1,10 +0,0 @@
-/**
- * This is copied out of Chakra's source and then
- * edited to remove the absolute positioning aspect,
- * but preserve the accessibility aspect.
- *
- * There is a ticket to support this internally to Chakra here:
- * https://github.com/chakra-ui/chakra-ui/issues/5039
- */
-export * from './menu';
-export * from './use-menu';

package/dist/types/ui/menu/menu.d.ts

@@ -1,76 +0,0 @@
-import { MaybeRenderProp } from '@chakra-ui/react-utils';
-import { HTMLChakraProps, SystemProps, ThemingProps } from '@chakra-ui/system';
-import * as React from 'react';
-import { UseMenuItemProps, UseMenuOptionGroupProps, UseMenuOptionOptions, UseMenuProps } from './use-menu';
-export interface MenuProps extends UseMenuProps, ThemingProps<'Menu'> {
-    children: MaybeRenderProp<{
-        isOpen: boolean;
-        onClose: () => void;
-    }>;
-}
-/**
- * Menu provides context, state, and focus management
- * to its sub-components. It doesn't render any DOM node.
- */
-export declare const Menu: React.FC<MenuProps>;
-export interface MenuButtonProps extends HTMLChakraProps<'button'> {
-}
-/**
- * The trigger for the menu list. Must be a direct child of `Menu`.
- */
-export declare const MenuButton: import("@chakra-ui/system").ComponentWithAs<"button", MenuButtonProps>;
-export interface MenuListProps extends HTMLChakraProps<'div'> {
-    rootProps?: HTMLChakraProps<'div'>;
-}
-export declare const MenuList: import("@chakra-ui/system").ComponentWithAs<"div", MenuListProps>;
-export interface StyledMenuItemProps extends HTMLChakraProps<'button'> {
-}
-interface MenuItemOptions extends Pick<UseMenuItemProps, 'isDisabled' | 'isFocusable' | 'closeOnSelect'> {
-    /**
-     * The icon to render before the menu item's label.
-     * @type React.ReactElement
-     */
-    icon?: React.ReactElement;
-    /**
-     * The spacing between the icon and menu item's label.
-     * @type SystemProps["mr"]
-     */
-    iconSpacing?: SystemProps['mr'];
-    /**
-     * Right-aligned label text content, useful for displaying hotkeys.
-     */
-    command?: string;
-    /**
-     * The spacing between the command and menu item's label.
-     * @type SystemProps["ml"]
-     */
-    commandSpacing?: SystemProps['ml'];
-}
-export interface MenuItemProps extends HTMLChakraProps<'button'>, MenuItemOptions {
-}
-export declare const MenuItem: import("@chakra-ui/system").ComponentWithAs<"button", MenuItemProps>;
-export interface MenuItemOptionProps extends UseMenuOptionOptions, Omit<MenuItemProps, keyof UseMenuOptionOptions> {
-    /**
-     * @type React.ReactElement
-     */
-    icon?: React.ReactElement;
-    /**
-     * @type SystemProps["mr"]
-     */
-    iconSpacing?: SystemProps['mr'];
-}
-export declare const MenuItemOption: import("@chakra-ui/system").ComponentWithAs<"button", MenuItemOptionProps>;
-export interface MenuOptionGroupProps extends UseMenuOptionGroupProps, Omit<MenuGroupProps, 'value' | 'defaultValue' | 'onChange'> {
-}
-export declare const MenuOptionGroup: React.FC<MenuOptionGroupProps>;
-export interface MenuGroupProps extends HTMLChakraProps<'div'> {
-}
-export declare const MenuGroup: import("@chakra-ui/system").ComponentWithAs<"div", MenuGroupProps>;
-export interface MenuCommandProps extends HTMLChakraProps<'span'> {
-}
-export declare const MenuCommand: import("@chakra-ui/system").ComponentWithAs<"span", MenuCommandProps>;
-export declare const MenuIcon: React.FC<HTMLChakraProps<'span'>>;
-export interface MenuDividerProps extends HTMLChakraProps<'hr'> {
-}
-export declare const MenuDivider: React.FC<MenuDividerProps>;
-export {};