@sprinklrjs/spaceweb 12.14.4 → 12.33.2

package/esm/baseui/locale/types.d.ts

@@ -0,0 +1,10 @@
+import type { AccordionLocale } from '../accordion';
+import type { DatepickerLocale } from '../datepicker';
+import type { ModalLocale } from '../modal';
+import type { SelectLocale } from '../select';
+export declare type Locale = {
+    accordion: AccordionLocale;
+    modal: ModalLocale;
+    datepicker: DatepickerLocale;
+    select: SelectLocale;
+};

package/esm/baseui/locale/types.js

@@ -0,0 +1 @@
+export {};

package/esm/baseui/menu/constants.d.ts

@@ -0,0 +1,27 @@
+export declare const STATE_CHANGE_TYPES: {
+    readonly click: "click";
+    readonly moveUp: "moveUp";
+    readonly moveDown: "moveDown";
+    readonly mouseEnter: "mouseEnter";
+    readonly mouseLeave: "mouseLeave";
+    readonly focus: "focus";
+    readonly reset: "reset";
+    readonly character: "character";
+    readonly enter: "enter";
+};
+export declare const KEY_STRINGS: {
+    readonly ArrowUp: "ArrowUp";
+    readonly ArrowDown: "ArrowDown";
+    readonly ArrowLeft: "ArrowLeft";
+    readonly ArrowRight: "ArrowRight";
+    readonly Enter: "Enter";
+    readonly Space: " ";
+    readonly Escape: "Escape";
+    readonly Backspace: "Backspace";
+    readonly Home: "Home";
+    readonly End: "End";
+};
+export declare const OPTION_LIST_SIZE: {
+    readonly default: "default";
+    readonly compact: "compact";
+};

package/esm/baseui/menu/constants.js

@@ -0,0 +1,33 @@
+/*
+Copyright (c) Uber Technologies, Inc.
+
+This source code is licensed under the MIT license found in the
+LICENSE file in the root directory of this source tree.
+*/
+export var STATE_CHANGE_TYPES = {
+    click: 'click',
+    moveUp: 'moveUp',
+    moveDown: 'moveDown',
+    mouseEnter: 'mouseEnter',
+    mouseLeave: 'mouseLeave',
+    focus: 'focus',
+    reset: 'reset',
+    character: 'character',
+    enter: 'enter',
+};
+export var KEY_STRINGS = {
+    ArrowUp: 'ArrowUp',
+    ArrowDown: 'ArrowDown',
+    ArrowLeft: 'ArrowLeft',
+    ArrowRight: 'ArrowRight',
+    Enter: 'Enter',
+    Space: ' ',
+    Escape: 'Escape',
+    Backspace: 'Backspace',
+    Home: 'Home',
+    End: 'End',
+};
+export var OPTION_LIST_SIZE = {
+    default: 'default',
+    compact: 'compact',
+};

package/esm/baseui/menu/index.d.ts

@@ -0,0 +1 @@
+export * from './types';

package/esm/baseui/menu/index.js

@@ -0,0 +1,7 @@
+/*
+Copyright (c) Uber Technologies, Inc.
+
+This source code is licensed under the MIT license found in the
+LICENSE file in the root directory of this source tree.
+*/
+export * from './types';

package/esm/baseui/menu/types.d.ts

@@ -0,0 +1,284 @@
+import type * as React from 'react';
+import type { Override } from '../helpers/overrides';
+import type { STATE_CHANGE_TYPES, OPTION_LIST_SIZE } from './constants';
+export declare type Item = any;
+export declare type ArrayItems = ReadonlyArray<Item>;
+export declare type GroupedItems = {
+    __ungrouped: ArrayItems;
+    [x: string]: ArrayItems;
+};
+export declare type Items = ArrayItems | GroupedItems;
+export declare type GetItemLabelFn = (item: Item) => React.ReactNode;
+export declare type GetProfileItemLabelsFn = (item: Item) => {
+    title?: string;
+    subtitle?: string;
+    body?: string;
+};
+export declare type GetProfileItemImgFn = (item: Item) => string | React.ComponentType<any>;
+export declare type GetProfileItemImgTextFn = (item: Item) => string;
+export declare type SetRootRefFn = (ref: React.RefObject<typeof HTMLElement>) => void;
+export declare type RootRef = {
+    current: null | HTMLElement;
+};
+export declare type OnItemSelectFn = (a: {
+    item: Item;
+    event?: React.SyntheticEvent<HTMLElement> | KeyboardEvent;
+}) => unknown;
+export declare type ProfileOverrides = {
+    List?: Override;
+    ListItemProfile?: Override;
+    ProfileImgContainer?: Override;
+    ProfileImg?: Override;
+    ProfileLabelsContainer?: Override;
+    ProfileTitle?: Override;
+    ProfileSubtitle?: Override;
+    ProfileBody?: Override;
+};
+export declare type RenderItemProps = {
+    disabled?: boolean;
+    ref?: React.RefObject<typeof HTMLElement>;
+    id?: string | null;
+    isFocused?: boolean;
+    isHighlighted?: boolean;
+    onClick?: (event: React.MouseEvent<HTMLElement>) => void;
+    onMouseEnter?: (event: React.MouseEvent<HTMLElement>) => void;
+    resetMenu?: () => void;
+};
+export declare type GetRequiredItemPropsFn = (item: Item, index: number) => RenderItemProps;
+export declare type StateReducerFn = (changeType: keyof typeof STATE_CHANGE_TYPES | undefined | null, changes: Partial<StatefulContainerState>, currentState: StatefulContainerState) => StatefulContainerState;
+export declare type StatefulContainerState = {
+    activedescendantId?: string | null;
+    highlightedIndex: number;
+    isFocused: boolean;
+};
+export declare type InitialState = {
+    activedescendantId?: string | null;
+    highlightedIndex?: number;
+    isFocused?: boolean;
+};
+export declare type RenderProps = StatefulContainerState & {
+    items: Items;
+    getRequiredItemProps: GetRequiredItemPropsFn;
+};
+/**
+ * Component Prop Types
+ * ====================
+ * Required and Optional are split into separate object types, and internals are all
+ * marked as required because otherwise defaultProps will not work properly
+ */
+export declare type StatefulContainerProps = {
+    /** List of menu items. */
+    items: Items;
+    /** Initial state of the stateful menu. */
+    initialState: InitialState;
+    /** State reducer to intercept state changes and return new internal state */
+    stateReducer: StateReducerFn;
+    /** Function to get props for each rendered item. This will have some defaults needed for keyboard
+     * bindings to work properly. Every rendered item should call this.
+     */
+    getRequiredItemProps: GetRequiredItemPropsFn;
+    onActiveDescendantChange?: (id?: string) => unknown;
+    /** Callback executed on menu item clicks. */
+    onItemSelect: OnItemSelectFn;
+    /** Ref for the menu container element. Used to capture key events for navigation */
+    rootRef?: RootRef;
+    /** Node for menu's keyboard listener. Default is null and keyboard handlers will listen on menu root. */
+    keyboardControlNode: {
+        current: HTMLElement | null;
+    };
+    /** whether has keyboard type-ahead function */
+    typeAhead: boolean;
+    /** Child as function pattern. */
+    children: (a: RenderProps) => React.ReactNode;
+    addMenuToNesting?: (ref: {
+        current: HTMLElement | null;
+    }) => void;
+    removeMenuFromNesting?: (ref: {
+        current: HTMLElement | null;
+    }) => void;
+    getParentMenu?: (ref: {
+        current: HTMLElement | null;
+    }) => {
+        current: HTMLElement | null;
+    } | undefined | null;
+    getChildMenu?: (ref: {
+        current: HTMLElement | null;
+    }) => {
+        current: HTMLElement | null;
+    } | undefined | null;
+    nestedMenuHoverIndex?: number;
+    isNestedMenuVisible?: (ref: {
+        current: HTMLElement | null;
+    }) => boolean;
+    forceHighlight: boolean;
+};
+export declare type MenuOverrides = {
+    EmptyState?: Override;
+    List?: Override;
+    Option?: Override;
+    OptgroupHeader?: Override;
+    ListItem?: Override;
+    MenuDivider?: Override;
+};
+export declare type MenuProps = {
+    overrides?: MenuOverrides;
+    /** Renders all menu content for SEO purposes regardless of menu  state */
+    renderAll?: boolean;
+};
+export declare type MenuProfileProps = {
+    /** Returns an object consisting of title, subtitle, and body to render menu item */
+    getProfileItemLabels: GetProfileItemLabelsFn;
+    /** Returns either an image source url, or a full React component to render as the image. */
+    getProfileItemImg: GetProfileItemImgFn;
+    /** Returns the alt text for the image */
+    getProfileItemImgText: GetProfileItemImgTextFn;
+    overrides?: ProfileOverrides;
+};
+export declare type SharedStatelessProps = {
+    /** Id of the highlighted menu item. */
+    activedescendantId?: string | null;
+    /** Function to get props for each rendered item. This will have some defaults needed for keyboard
+     * bindings to work properly. Every rendered item should call this.
+     */
+    /** Passed to the top level menu element. */
+    'aria-label'?: string;
+    getRequiredItemProps?: GetRequiredItemPropsFn;
+    isFocused?: boolean;
+    handleMouseLeave?: (event: React.MouseEvent<HTMLElement>) => unknown;
+    /** Index of highlighted menu item. */
+    highlightedIndex?: number;
+    /** List of menu items. */
+    items: Items;
+    /** Message to be displayed if no menu items are passed in. */
+    noResultsMsg?: React.ReactNode;
+    onBlur?: (event: React.FocusEvent<HTMLElement>) => unknown;
+    onFocus?: (event: React.FocusEvent<HTMLElement>) => unknown;
+    /** Ref for the menu container element. Used to capture key events for navigation */
+    rootRef?: RootRef;
+    focusMenu?: (event: React.FocusEvent | React.MouseEvent | KeyboardEvent) => unknown;
+    unfocusMenu?: () => unknown;
+    handleKeyDown?: (event: KeyboardEvent) => unknown;
+};
+export declare type StatefulMenuProps = {
+    /** List of menu items. */
+    items: Items;
+    /** Initial state of the stateful menu. */
+    initialState?: InitialState;
+    /** State reducer to intercept state changes and return new internal state */
+    stateReducer?: StateReducerFn;
+    /** Function to get props for each rendered item. This will have some defaults needed for keyboard
+     * bindings to work properly. Every rendered item should call this.
+     */
+    getRequiredItemProps?: GetRequiredItemPropsFn;
+    onActiveDescendantChange?: (id?: string) => unknown;
+    /** Callback executed on menu item clicks. */
+    onItemSelect?: OnItemSelectFn;
+    /** Ref for the menu container element. Used to capture key events for navigation */
+    rootRef?: RootRef;
+    /** Child as function pattern. */
+    children?: (a: RenderProps) => React.ReactNode;
+    /** whether has keyboard type-ahead function */
+    typeAhead?: boolean;
+    addMenuToNesting?: (ref: {
+        current: HTMLElement | null;
+    }) => void;
+    removeMenuFromNesting?: (ref: {
+        current: HTMLElement | null;
+    }) => void;
+    getParentMenu?: (ref: {
+        current: HTMLElement | null;
+    }) => {
+        current: HTMLElement | null;
+    } | undefined | null;
+    getChildMenu?: (ref: {
+        current: HTMLElement | null;
+    }) => {
+        current: HTMLElement | null;
+    } | undefined | null;
+    nestedMenuHoverIndex?: number;
+    isNestedMenuVisible?: (ref: {
+        current: HTMLElement | null;
+    }) => boolean;
+} & MenuProps;
+export declare type StatefulMenuProfileProps = StatefulContainerProps & MenuProfileProps;
+export declare type StatelessMenuProps = SharedStatelessProps & MenuProps;
+export declare type StatelessMenuProfileProps = SharedStatelessProps & MenuProfileProps;
+export declare type OptionListProps = {
+    /** Item to parse and render. */
+    item: Item;
+    /** Function used to get the string label for each item. */
+    getItemLabel: GetItemLabelFn;
+    /** Used to render a sub menu at this menu item. You'll often render another menu from this function. */
+    getChildMenu?: (item: Item) => React.ReactNode;
+    onClick?: (event: React.MouseEvent) => unknown;
+    /** Callback used to change highlighted index in stateful menu. */
+    onMouseDown?: (event: React.MouseEvent) => unknown;
+    /** Callback used to change highlighted index in stateful menu. */
+    onMouseEnter?: (event: React.MouseEvent) => unknown;
+    /** Renders UI in defined scale. */
+    size?: keyof typeof OPTION_LIST_SIZE;
+    overrides?: {
+        ListItem?: Override;
+        ListItemAnchor?: Override;
+        ChildMenuPopover?: Override;
+    };
+    renderHrefAsAnchor?: boolean;
+    /** Utility to reset menu to default state. Useful for rendering child menus. */
+    resetMenu?: () => void;
+    /** Renders UI in 'highlighted' state. */
+    $isHighlighted?: boolean;
+    /** Is the parent menu focused. determines if highlighted item should be blue or black */
+    $isFocused?: boolean;
+    /** Renders all menu content for SEO purposes regardless of menu  state */
+    renderAll?: boolean;
+    /** Is the item disabled */
+    $disabled?: boolean;
+    /** Is the item disabled */
+    'aria-disabled'?: boolean;
+    /** Is the item selected */
+    'aria-selected'?: boolean;
+    /** Id of the item */
+    id?: string;
+    /** Accessibility role of the item */
+    role?: string;
+};
+export declare type OptionProfileProps = {
+    /** Item to parse and render. */
+    item: Item;
+    /** Used to render a sub menu at this menu item. You'll often render another menu from this function. */
+    getChildMenu?: (item: Item) => React.ReactNode;
+    /** Returns an object consisting of title, subtitle, and body to render menu item */
+    getProfileItemLabels: GetProfileItemLabelsFn;
+    /** Returns either an image source url, or a full React component to render as the image. */
+    getProfileItemImg: GetProfileItemImgFn;
+    /** Returns the alt text for the image */
+    getProfileItemImgText: GetProfileItemImgTextFn;
+    overrides?: {
+        ListItemProfile?: Override;
+        ProfileImgContainer?: Override;
+        ProfileImg?: Override;
+        ProfileLabelsContainer?: Override;
+        ProfileTitle?: Override;
+        ProfileSubtitle?: Override;
+        ProfileBody?: Override;
+        ChildMenuPopover?: Override;
+    };
+    /** Utility to reset menu to default state. Useful for rendering child menus. */
+    resetMenu?: () => void;
+    /** Renders UI in 'highlighted' state. */
+    $isHighlighted?: boolean;
+    /** Renders all menu content for SEO purposes regardless of menu  state */
+    renderAll?: boolean;
+};
+export declare type NestedMenuRef = {
+    current: HTMLElement | null;
+};
+export declare type NestedMenuContextProps = {
+    addMenuToNesting: (ref: NestedMenuRef) => void;
+    removeMenuFromNesting: (ref: NestedMenuRef) => void;
+    getParentMenu: (ref: NestedMenuRef) => NestedMenuRef | undefined | null;
+    getChildMenu: (ref: NestedMenuRef) => NestedMenuRef | undefined | null;
+    nestedMenuHoverIndex: number;
+    isNestedMenuVisible: (ref: NestedMenuRef) => boolean;
+    mountRef: NestedMenuRef;
+};

package/esm/baseui/menu/types.js

@@ -0,0 +1 @@
+export {};

package/esm/baseui/modal/close-icon.d.ts

@@ -0,0 +1 @@
+export declare function CloseIcon(): import("react/jsx-runtime").JSX.Element;

package/esm/baseui/modal/close-icon.js

@@ -0,0 +1,6 @@
+import { __assign } from "tslib";
+import { jsx as _jsx } from "react/jsx-runtime";
+// TODO Switch to using Icon component once it exists
+export function CloseIcon() {
+    return (_jsx("svg", __assign({ width: "10", height: "10", viewBox: "0 0 10 10", style: { stroke: 'currentColor' }, xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { d: "M9 1L5 5M1 9L5 5M5 5L1 1M5 5L9 9", strokeWidth: "2", strokeLinecap: "round" }, void 0) }), void 0));
+}

package/esm/baseui/modal/constants.d.ts

@@ -0,0 +1,19 @@
+export declare const SIZE: {
+    readonly default: "default";
+    readonly full: "full";
+    readonly auto: "auto";
+};
+export declare const SIZE_WIDTHS: {
+    default: string;
+    full: string;
+    auto: string;
+};
+export declare const ROLE: {
+    readonly dialog: "dialog";
+    readonly alertdialog: "alertdialog";
+};
+export declare const CLOSE_SOURCE: {
+    readonly closeButton: "closeButton";
+    readonly backdrop: "backdrop";
+    readonly escape: "escape";
+};

package/esm/baseui/modal/constants.js

@@ -0,0 +1,25 @@
+/*
+Copyright (c) Uber Technologies, Inc.
+
+This source code is licensed under the MIT license found in the
+LICENSE file in the root directory of this source tree.
+*/
+export var SIZE = {
+    default: 'default',
+    full: 'full',
+    auto: 'auto',
+};
+export var SIZE_WIDTHS = {
+    default: '500px',
+    full: '100%',
+    auto: 'auto',
+};
+export var ROLE = {
+    dialog: 'dialog',
+    alertdialog: 'alertdialog',
+};
+export var CLOSE_SOURCE = {
+    closeButton: 'closeButton',
+    backdrop: 'backdrop',
+    escape: 'escape',
+};

package/esm/baseui/modal/focus-once.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+declare type Props = {
+    children: React.ReactNode;
+};
+/**
+ * Wrap an element in FocusOnce that would normally not receive tab focus.
+ * This is useful for placing initial focus in a Modal or FocusLock.
+ * */
+export default function FocusOnce(props: Props): React.ReactElement;
+export {};

package/esm/baseui/modal/focus-once.js

@@ -0,0 +1,18 @@
+import { __read } from "tslib";
+/*
+Copyright (c) Uber Technologies, Inc.
+
+This source code is licensed under the MIT license found in the
+LICENSE file in the root directory of this source tree.
+*/
+import * as React from 'react';
+/**
+ * Wrap an element in FocusOnce that would normally not receive tab focus.
+ * This is useful for placing initial focus in a Modal or FocusLock.
+ * */
+export default function FocusOnce(props) {
+    var _a = __read(React.useState('0'), 2), tabIndex = _a[0], setTabIndex = _a[1];
+    var child = React.Children.only(props.children);
+    // @ts-expect-error todo(flow->ts): children type should restrict children to elements only
+    return React.cloneElement(child, { tabIndex: tabIndex, onBlur: function () { return setTabIndex(null); } });
+}

package/esm/baseui/modal/index.d.ts

@@ -0,0 +1,7 @@
+export { default as Modal } from './modal';
+export { default as ModalButton } from './modal-button';
+export { default as FocusOnce } from './focus-once';
+export { SIZE, ROLE, CLOSE_SOURCE } from './constants';
+export { Root as StyledRoot, Dialog as StyledDialog, DialogContainer as StyledDialogContainer, Close as StyledClose, } from './styled-components';
+export * from './types';
+export type { ModalLocale } from './locale';

package/esm/baseui/modal/index.js

@@ -0,0 +1,12 @@
+/*
+Copyright (c) Uber Technologies, Inc.
+
+This source code is licensed under the MIT license found in the
+LICENSE file in the root directory of this source tree.
+*/
+export { default as Modal } from './modal';
+export { default as ModalButton } from './modal-button';
+export { default as FocusOnce } from './focus-once';
+export { SIZE, ROLE, CLOSE_SOURCE } from './constants';
+export { Root as StyledRoot, Dialog as StyledDialog, DialogContainer as StyledDialogContainer, Close as StyledClose, } from './styled-components';
+export * from './types';

package/esm/baseui/modal/locale.d.ts

@@ -0,0 +1,7 @@
+export declare type ModalLocale = {
+    close: string;
+};
+declare const locale: {
+    close: string;
+};
+export default locale;

package/esm/baseui/modal/locale.js

@@ -0,0 +1,4 @@
+var locale = {
+    close: 'Close',
+};
+export default locale;

package/esm/baseui/modal/modal-button.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+declare const ModalButton: React.ForwardRefExoticComponent<Omit<import("../button").ButtonProps & import("../button").SharedStyleProps & Omit<any, keyof import("../button").SharedStyleProps | keyof import("../button").ButtonProps> & {
+    $as?: "symbol" | "object" | "progress" | "text" | "ruby" | "table" | "small" | "embed" | "pre" | "caption" | "menu" | "center" | "clipPath" | "filter" | "mask" | "marker" | "button" | "meter" | "textarea" | "style" | "sub" | "circle" | "menuitem" | "input" | "link" | "nav" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "big" | "blockquote" | "body" | "br" | "canvas" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "ins" | "kbd" | "keygen" | "label" | "legend" | "li" | "main" | "map" | "mark" | "meta" | "noindex" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "q" | "rp" | "rt" | "s" | "samp" | "search" | "slot" | "script" | "section" | "select" | "source" | "span" | "strong" | "summary" | "sup" | "template" | "tbody" | "td" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "webview" | "svg" | "animate" | "animateMotion" | "animateTransform" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "stop" | "switch" | "textPath" | "tspan" | "use" | "view" | React.ComponentClass<any, any> | React.FunctionComponent<any> | undefined;
+}, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export default ModalButton;

package/esm/baseui/modal/modal-button.js

@@ -0,0 +1,32 @@
+import { __assign } from "tslib";
+import { jsx as _jsx } from "react/jsx-runtime";
+/*
+Copyright (c) Uber Technologies, Inc.
+
+This source code is licensed under the MIT license found in the
+LICENSE file in the root directory of this source tree.
+*/
+import * as React from 'react';
+import { Button } from '../button';
+import { mergeOverrides } from '../helpers/overrides';
+// ModalButtons should have some margin pre-applied
+var overrides = {
+    BaseButton: {
+        // @ts-ignore
+        style: function (_a) {
+            var _b;
+            var $theme = _a.$theme;
+            var marginInlineEnd = $theme.direction !== 'rtl' ? 'marginRight' : 'marginLeft';
+            return {
+                ':not(:last-child)': (_b = {},
+                    _b[marginInlineEnd] = $theme.sizing.scale500,
+                    _b),
+            };
+        },
+    },
+};
+var ModalButton = React.forwardRef(function (props, ref) { return (
+//$FlowExpectedError[cannot-spread-inexact]
+_jsx(Button, __assign({ ref: ref }, props, { overrides: mergeOverrides(overrides, props.overrides) }), void 0)); });
+ModalButton.displayName = 'ModalButton';
+export default ModalButton;

package/esm/baseui/modal/modal.d.ts

@@ -0,0 +1,41 @@
+import * as React from 'react';
+import type { ModalProps, ModalState, SharedStylePropsArg, CloseSource } from './types';
+import type { SyntheticEvent } from 'react';
+declare class Modal extends React.Component<ModalProps, ModalState> {
+    static defaultProps: Partial<ModalProps>;
+    mounted: boolean;
+    prevMounted: boolean;
+    animateOutTimer: ReturnType<typeof setTimeout> | undefined | null;
+    animateStartTimer: ReturnType<typeof requestAnimationFrame> | undefined | null;
+    dialogContainerRef: React.RefObject<HTMLElement>;
+    lastFocus: HTMLElement | undefined | null;
+    lastMountNodeOverflowStyle: string | undefined | null;
+    rootRef: React.RefObject<HTMLElement>;
+    state: {
+        isVisible: boolean;
+        mounted: boolean;
+        isFocusVisible: boolean;
+    };
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    componentDidUpdate(prevProps: ModalProps, prevState: ModalState): void;
+    handleFocus: (event: SyntheticEvent) => void;
+    handleBlur: (event: SyntheticEvent) => void;
+    disableMountNodeScroll(): void;
+    resetMountNodeScroll(): void;
+    onEscape: () => void;
+    onDocumentClick: (e: MouseEvent) => void;
+    onBackdropClick: () => void;
+    onCloseClick: () => void;
+    clearTimers(): void;
+    didOpen(): void;
+    didClose(): void;
+    triggerClose(source?: CloseSource): void;
+    animateOutComplete: () => void;
+    getSharedProps(): Omit<SharedStylePropsArg, 'children'>;
+    getMountNode(): HTMLElement;
+    getChildren(): React.ReactNode;
+    renderModal(renderedContent: React.ReactNode): import("react/jsx-runtime").JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element | null;
+}
+export default Modal;