@procore/core-react 11.18.1 → 11.20.0-vite.1

package/dist/packages/core-react/src/MenuImperative/MenuImperative.types.d.ts

@@ -0,0 +1,279 @@
+import * as React from 'react';
+import { BoxProps } from '../Box';
+import { TypeaheadInputProps, TypeaheadProps } from '../Typeahead/Typeahead.types';
+import { Props } from '../_utils/types';
+export declare type Ref<T> = ((instance: T | null) => void) | React.MutableRefObject<T | null> | null;
+declare type Div = React.ComponentPropsWithoutRef<'div'>;
+export interface Selection {
+    /**
+     * @since 10.19.0
+     */
+    event: React.MouseEvent<HTMLElement, MouseEvent> | React.KeyboardEvent<HTMLElement>;
+    /**
+     * @since 10.19.0
+     */
+    group: boolean;
+    /**
+     * @since 10.19.0
+     */
+    item: any;
+    /**
+     * @since 10.19.0
+     */
+    action: 'selected' | 'unselected';
+    /**
+     * Indicates should focus be restored to the trigger(e.g. Button of Dropdown)
+     * after activating this item. If all items return focus to the trigger once activated,
+     * try just `restoreFocusOnHide` on `Dropdown` instead.
+     * if it is `undefined`, it is omitted in onSelect callback.
+     * @since 11.15.0
+     */
+    restoreFocus?: boolean;
+}
+export interface Reorder {
+    /**
+     * @since 10.19.0
+     */
+    draggableId: string;
+    /**
+     * @since 10.19.0
+     */
+    source: {
+        index: number;
+        droppableId: string;
+    };
+    /**
+     * @since 10.19.0
+     */
+    destination: {
+        index: number;
+        droppableId: string;
+    };
+}
+declare type MenuRole = 'menu' | 'listbox' | 'none';
+export interface MenuProps extends Omit<Div, 'onSelect' | 'onDragEnd'> {
+    /**
+     * @since 10.19.0
+     */
+    circular?: boolean;
+    /**
+     * Set aria-multiselectable="true"
+     * @since 10.19.0
+     */
+    multiple?: boolean;
+    /**
+     * @since 10.19.0
+     */
+    onDragEnd?: (result: Reorder) => void;
+    /**
+     * @since 10.19.0
+     */
+    onScrollBottom?: (e: React.UIEvent<HTMLDivElement, UIEvent>) => void;
+    /**
+     * @since 10.19.0
+     */
+    onSelect?: (selection: Selection) => any;
+    /**
+     * A menu is a widget that offers a list of choices to the user, such as a set of actions or functions.
+     *
+     * A listbox widget presents a list of options and allows a user to select one or more of them.
+     *
+     * @since 11.3.0
+     */
+    role?: MenuRole;
+    /**
+     * Used when navigation in the menu is controlled by search or another input,
+     * called each time virtual focus (highlighted item) is changed
+     * Consider use `useMenuImperativeControlNavigation` hook.
+     *
+     * @since 11.5.0
+     */
+    onChangeActiveDescendant?: (id: string | undefined) => void;
+    /**
+     * To override default menu navigation
+     * @since 11.5.0
+     */
+    onKeyboardNavigation?: React.KeyboardEventHandler;
+}
+export interface MenuRef {
+    /**
+     * @since 10.19.0
+     */
+    el: HTMLDivElement | null;
+    /**
+     * @since 10.19.0
+     */
+    highlight: (item: HTMLElement, shouldScroll?: boolean) => void;
+    /**
+     * @since 10.19.0
+     */
+    highlightFirst: (shouldScroll?: boolean) => void;
+    /**
+     * @since 10.19.0
+     */
+    highlightLast: (shouldScroll?: boolean) => void;
+    /**
+     * @since 10.19.0
+     */
+    highlightSelected: (shouldScroll?: boolean) => void;
+    /**
+     * @since 10.19.0
+     */
+    highlightSuggested: (shouldScroll?: boolean) => void;
+    /**
+     * @since 10.19.0
+     */
+    highlighted: () => any;
+    /**
+     * @since 10.19.0
+     */
+    next: (circular?: boolean) => void;
+    /**
+     * @since 10.19.0
+     */
+    prev: (circular?: boolean) => void;
+    /**
+     * @since 10.19.0
+     */
+    select: (event: React.MouseEvent<HTMLElement, MouseEvent> | React.KeyboardEvent<HTMLElement>) => void;
+    /**
+     *  Usefully for extending navigation behavior with `onKeyboardNavigation`.
+     *  Pay attention that `ref` is `null` on first render.
+     *
+     *  ```
+     *  onKeyboardNavigation={(e) => {
+     *    if (e.key === 'Right' || e.key === 'ArrowRight') {
+     *        return navigateRight()
+     *    }
+     *
+     *    ref.defaultKeyDownNavigationHandler(e)
+     *  }}
+     *  ```
+     *
+     * @since 11.5.0
+     */
+    defaultKeyDownNavigationHandler: React.KeyboardEventHandler;
+}
+export interface ItemProps {
+    /**
+     * @since 10.19.0
+     */
+    item: any;
+    /**
+     * @since 10.19.0
+     */
+    selected?: boolean;
+    /**
+     * @since 10.19.0
+     */
+    suggested?: boolean;
+    /**
+     * @since 10.19.0
+     */
+    disabled?: boolean;
+    /**
+     * Indicates should focus be restored to the trigger(e.g. Button of Dropdown)
+     * after activating this item. If all items return focus to the trigger once activated,
+     * try just `restoreFocusOnHide` on `Dropdown` instead.
+     * if it is `undefined`, it is omitted in onSelect callback.
+     * @since 11.15.0
+     */
+    restoreFocus?: boolean;
+}
+export interface ItemWithDraggingProps extends ItemProps {
+    /**
+     * @since 10.19.0
+     */
+    droppableIn: string | string[];
+    /**
+     * @since 10.19.0
+     */
+    draggableId: string;
+    /**
+     * @since 10.19.0
+     */
+    draggableIndex: number;
+}
+export declare type MenuItemProps = ItemProps | ItemWithDraggingProps;
+export declare type MenuItemDefaultElement = 'div';
+export interface GroupProps {
+    /**
+     * @since 10.19.0
+     */
+    clickable?: boolean;
+    /**
+     * @since 10.19.0
+     */
+    item?: any;
+}
+export interface OptionsProps {
+    /**
+     * @since 10.19.0
+     */
+    children?: React.ReactNode;
+    /**
+     * @since 10.19.0
+     */
+    className?: string;
+}
+export interface MenuSearchProps extends Omit<TypeaheadProps, 'onChange'>, TypeaheadInputProps, Props {
+    /**
+     * @since 10.19.0
+     */
+    i18nScope?: string;
+    /**
+     * @since 10.21.0
+     */
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+}
+export interface HeaderProps extends Props {
+    /**
+     * @since 10.19.0
+     */
+    tabIndex?: number;
+}
+export interface DroppableProps {
+    /**
+     * @since 10.19.0
+     */
+    id: string;
+    /**
+     * @since 10.19.0
+     */
+    children: React.ReactNode;
+}
+export interface FooterProps extends Omit<BoxProps, 'as'> {
+}
+export interface MenuContext {
+    /**
+     * @since 11.5.0
+     */
+    a11yOptionsProps: {
+        role?: MenuRole;
+        onKeyboardNavigation?: React.KeyboardEventHandler | null;
+        tabIndex?: number;
+        id?: string;
+    };
+    /**
+     * @since 10.19.0
+     */
+    currentlyDroppableIn: string[];
+    /**
+     * @since 10.19.0
+     */
+    onHoverItem: (el?: HTMLDivElement) => void;
+    /**
+     * @since 10.19.0
+     */
+    onScrollBottom: (e: React.UIEvent<HTMLDivElement, UIEvent>) => void;
+    /**
+     * @since 10.19.0
+     */
+    onSelect: (selection: Selection) => void;
+    /**
+     * @since 11.3.0
+     */
+    role: MenuRole;
+}
+export {};
+//# sourceMappingURL=MenuImperative.types.d.ts.map

package/dist/packages/core-react/src/MenuImperative/MenuImperative.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuImperative.types.d.ts","sourceRoot":"","sources":["MenuImperative.types.ts"],"names":[],"mappings":"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"}

package/dist/packages/core-react/src/MenuImperative/index.d.ts

@@ -0,0 +1,4 @@
+export { MenuImperative as UNSAFE_Menu, useMenuImperativeControlNavigation as UNSAFE_useMenuImperativeControlNavigation, } from './MenuImperative';
+export type { Selection as UNSAFE_Selection } from './MenuImperative.types';
+export { menuItemsWrapperAttribute as UNSAFE_menuItemsWrapperAttribute } from './sensors';
+//# sourceMappingURL=index.d.ts.map

package/dist/packages/core-react/src/MenuImperative/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,IAAI,WAAW,EAC7B,kCAAkC,IAAI,yCAAyC,GAChF,MAAM,kBAAkB,CAAA;AACzB,YAAY,EAAE,SAAS,IAAI,gBAAgB,EAAE,MAAM,wBAAwB,CAAA;AAC3E,OAAO,EAAE,yBAAyB,IAAI,gCAAgC,EAAE,MAAM,WAAW,CAAA"}

package/dist/packages/core-react/src/MenuImperative/sensors.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+import { SensorAPI } from 'react-beautiful-dnd';
+import { Selection } from './MenuImperative.types';
+export declare const menuItemsWrapperAttribute: {
+    "data-core-menuimperative-items-wrapper": string;
+};
+export declare function createSensors(ref: React.RefObject<HTMLDivElement>, circular: boolean, onChangeActiveDescendant: (id: string | undefined, menuRef: Element | null) => void): {
+    handleKeyDown(event: React.KeyboardEvent<HTMLDivElement>): void;
+    handleItemHover(el?: HTMLDivElement | undefined): void;
+    useKeyboardSensor(api: SensorAPI): void;
+    updateSelectCallback(callback: (selection: Selection) => any): void;
+    highlight: (item: HTMLElement | null | undefined, shouldScroll?: boolean) => void;
+    highlighted(): any;
+    highlightFirst: (shouldScroll?: boolean) => void;
+    highlightLast: (shouldScroll?: boolean) => void;
+    rehighlightCurrent(): void;
+    highlightSelected(shouldScroll?: boolean): void;
+    highlightSuggested(shouldScroll?: boolean): void;
+    prev: () => void;
+    next: () => void;
+    select: (event: React.MouseEvent<HTMLElement, MouseEvent> | React.KeyboardEvent<HTMLElement>) => void;
+};
+//# sourceMappingURL=sensors.d.ts.map

package/dist/packages/core-react/src/MenuImperative/sensors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sensors.d.ts","sourceRoot":"","sources":["sensors.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,SAAS,EAAmB,MAAM,qBAAqB,CAAA;AAEhE,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAQlD,eAAO,MAAM,yBAAyB;;CAErC,CAAA;AAyFD,wBAAgB,aAAa,CAC3B,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EACpC,QAAQ,EAAE,OAAO,EACjB,wBAAwB,EAAE,CACxB,EAAE,EAAE,MAAM,GAAG,SAAS,EACtB,OAAO,EAAE,OAAO,GAAG,IAAI,KACpB,IAAI;yBAmIc,mBAAmB,CAAC,cAAc,CAAC;;2BAiCjC,SAAS;+CAIW,SAAS,KAAK,GAAG;sBAnItD,WAAW,GAAG,IAAI,GAAG,SAAS,iBACtB,OAAO;;oCA8DmB,OAAO;mCAIR,OAAO;;qCAuFd,OAAO;sCAQN,OAAO;;;oBA9LpC,gBAAgB,CAAC,WAAW,EAAE,UAAU,CAAC,GACzC,mBAAmB,CAAC,WAAW,CAAC;EAyMvC"}

package/dist/packages/core-react/src/Modal/ChildRegistry.context.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+/**
+ *  Tracks the children of the modal, primarily for managing focus
+ */
+interface ChildRegistry {
+    header?: React.RefObject<HTMLDivElement>;
+    body?: React.RefObject<HTMLDivElement>;
+    closeableButtons?: React.RefObject<HTMLDivElement>;
+}
+interface ChildToRegister {
+    child: keyof ChildRegistry;
+    ref: React.MutableRefObject<null>;
+}
+export declare function ChildRegistryProvider({ children, }: {
+    children: React.ReactNode;
+}): JSX.Element;
+export declare function useModalChildRegistryContext(): ChildRegistry;
+export declare function useModalChildRegistryDispatch(): React.Dispatch<ChildToRegister>;
+export {};
+//# sourceMappingURL=ChildRegistry.context.d.ts.map

package/dist/packages/core-react/src/Modal/ChildRegistry.context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChildRegistry.context.d.ts","sourceRoot":"","sources":["ChildRegistry.context.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB;;GAEG;AACH,UAAU,aAAa;IACrB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAA;IACxC,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAA;IACtC,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAA;CACnD;AAQD,UAAU,eAAe;IACvB,KAAK,EAAE,MAAM,aAAa,CAAA;IAC1B,GAAG,EAAE,KAAK,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAA;CAClC;AASD,wBAAgB,qBAAqB,CAAC,EACpC,QAAQ,GACT,EAAE;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B,eASA;AAED,wBAAgB,4BAA4B,kBAQ3C;AAED,wBAAgB,6BAA6B,oCAQ5C"}

package/dist/packages/core-react/src/Modal/Modal.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+import { Heading } from '../Section/Section';
+import { TypographyProps } from '../Typography/Typography.types';
+import { RenderProps } from '../_hooks/Visibility';
+import { DivAttributes, SpanAttributes } from '../_utils/types';
+import { ConfirmModalProps, ModalBodyProps, ModalCloseableHeaderProps, ModalContainerProps, ModalProps } from './Modal.types';
+export declare const ConfirmModal: React.ForwardRefExoticComponent<ConfirmModalProps & React.RefAttributes<HTMLDivElement>>;
+declare function ModalState(props: RenderProps): JSX.Element;
+export declare const Modal: React.ForwardRefExoticComponent<ModalProps & React.RefAttributes<HTMLDivElement>> & {
+    Body: React.ForwardRefExoticComponent<ModalBodyProps & React.RefAttributes<HTMLDivElement>>;
+    Container: React.ForwardRefExoticComponent<ModalContainerProps & React.RefAttributes<HTMLDivElement>>;
+    Content: import("styled-components").StyledComponent<"div", any, {}, never>;
+    Footer: import("styled-components").StyledComponent<"div", any, {}, never>;
+    FooterButtons: React.ForwardRefExoticComponent<ModalCloseableHeaderProps & React.RefAttributes<HTMLDivElement>>;
+    FooterNotation: React.ForwardRefExoticComponent<SpanAttributes & TypographyProps & React.RefAttributes<HTMLSpanElement>>;
+    FooterSummary: React.ForwardRefExoticComponent<DivAttributes & React.RefAttributes<HTMLDivElement>>;
+    Header: React.ForwardRefExoticComponent<ModalCloseableHeaderProps & React.RefAttributes<HTMLDivElement>>;
+    Heading: typeof Heading;
+    Overlay: import("styled-components").StyledComponent<"div", any, {}, never>;
+    Scrim: import("styled-components").StyledComponent<"div", any, {}, never>;
+    State: typeof ModalState;
+    Section: React.ForwardRefExoticComponent<import("../Section/Section.types").SectionProps & React.RefAttributes<HTMLDivElement>>;
+};
+export {};
+//# sourceMappingURL=Modal.d.ts.map

package/dist/packages/core-react/src/Modal/Modal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["Modal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAoB,MAAM,OAAO,CAAA;AASxC,OAAO,EACL,OAAO,EAIR,MAAM,oBAAoB,CAAA;AAC3B,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAA;AAMhE,OAAO,EAAE,WAAW,EAAc,MAAM,sBAAsB,CAAA;AAG9D,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAsB/D,OAAO,EACL,iBAAiB,EACjB,cAAc,EACd,yBAAyB,EAEzB,mBAAmB,EAEnB,UAAU,EACX,MAAM,eAAe,CAAA;AA6UtB,eAAO,MAAM,YAAY,0FAYxB,CAAA;AAED,iBAAS,UAAU,CAAC,KAAK,EAAE,WAAW,eAGrC;AAwBD,eAAO,MAAM,KAAK;;;;;;;;;;;;;;CAiBjB,CAAA"}

package/dist/packages/core-react/src/Modal/Modal.styles.d.ts

@@ -0,0 +1,35 @@
+import { ModalPlacement, ModalWidth } from './Modal.types';
+export declare const fadeInClassName = "fade-in";
+export declare const fadeOutClassName = "fade-out";
+export declare const modalMaxWidth = "640px";
+export declare const modalPixelGutter: number;
+export declare const modalPixelWidths: {
+    sm: number;
+    md: number;
+    lg: number;
+    xl: number;
+};
+export declare const StyledModal: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledModalButtons: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledModalContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../_utils/types").DivAttributes & import("..").CardProps & import("react").RefAttributes<HTMLDivElement>>, any, {
+    $placement: ModalPlacement;
+    $width?: ModalWidth | undefined;
+}, never>;
+export declare const StyledModalFooter: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledModalBody: import("styled-components").StyledComponent<"div", any, {
+    isOverflowingY: boolean;
+    noSideSpacing: boolean;
+}, never>;
+export declare const StyledModalContent: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledModalFooterNotation: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../_utils/types").SpanAttributes & import("..").TypographyProps & import("react").RefAttributes<HTMLSpanElement>>, any, {}, never>;
+export declare const StyledModalHeader: import("styled-components").StyledComponent<"div", any, {
+    $isBodyScrolled: boolean;
+}, never>;
+export declare const StyledModalHeading: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledModalCancel: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledModalScrim: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledModalWarningIcon: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<{
+    size?: import("@procore/core-icons/dist/Icon").IconSize | undefined;
+} & import("react").SVGAttributes<SVGElement> & import("react").RefAttributes<SVGSVGElement>>, any, {}, never>;
+export declare const StyledModalFooterSummary: import("styled-components").StyledComponent<"div", any, {}, never>;
+//# sourceMappingURL=Modal.styles.d.ts.map

package/dist/packages/core-react/src/Modal/Modal.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.styles.d.ts","sourceRoot":"","sources":["Modal.styles.ts"],"names":[],"mappings":"AAQA,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAE1D,eAAO,MAAM,eAAe,YAAY,CAAA;AACxC,eAAO,MAAM,gBAAgB,aAAa,CAAA;AAC1C,eAAO,MAAM,aAAa,UAAU,CAAA;AACpC,eAAO,MAAM,gBAAgB,QAAa,CAAA;AAC1C,eAAO,MAAM,gBAAgB;;;;;CAK5B,CAAA;AAED,eAAO,MAAM,WAAW,oEAgBvB,CAAA;AAED,eAAO,MAAM,kBAAkB,oEAQ9B,CAAA;AAED,eAAO,MAAM,oBAAoB;gBACnB,cAAc;;SA2C3B,CAAA;AAED,eAAO,MAAM,iBAAiB,oEAO7B,CAAA;AAED,eAAO,MAAM,eAAe;oBACV,OAAO;mBACR,OAAO;SAsCvB,CAAA;AAED,eAAO,MAAM,kBAAkB,oEAM9B,CAAA;AAED,eAAO,MAAM,yBAAyB,kOAErC,CAAA;AAED,eAAO,MAAM,iBAAiB;qBAAiC,OAAO;SAUrE,CAAA;AAED,eAAO,MAAM,kBAAkB,oEAO9B,CAAA;AAED,eAAO,MAAM,iBAAiB,oEAE7B,CAAA;AAED,eAAO,MAAM,gBAAgB,oEAQ5B,CAAA;AAED,eAAO,MAAM,sBAAsB;;8GAGlC,CAAA;AACD,eAAO,MAAM,wBAAwB,oEAUpC,CAAA"}

package/dist/packages/core-react/src/Modal/Modal.types.d.ts

@@ -0,0 +1,135 @@
+import React from 'react';
+import { DivAttributes, Props } from '../_utils/types';
+export declare type ModalPlacement = 'top' | 'center';
+export declare type ModalWidth = 'sm' | 'md' | 'lg' | 'xl';
+/**
+ * Additional UI/UX to dismiss. (In addition to the Esc key)
+ *  - `x` Close Button in the Modal Header
+ *  - `scrim` Overlay dimmed scrim
+ *  - `footer-button` Cancel Button in the Modal Footer Actions
+ */
+export declare type ModalOptionalCloseStartegy = 'x' | 'footer-button' | 'scrim';
+declare type ModalCloseStragety = 'esc' | ModalOptionalCloseStartegy;
+declare type ModalOnClose = (event: React.MouseEvent<HTMLDivElement> | React.MouseEvent<HTMLButtonElement> | React.KeyboardEvent<HTMLElement>, how: ModalCloseStragety) => void;
+export interface ModalCloseContextApi {
+    /**
+     * Escape key will always close a dialog. This adds additional UI or UX to close.
+     */
+    howToClose: ModalOptionalCloseStartegy[] | undefined;
+    onClose: ModalOnClose | undefined;
+}
+export interface ModalCloseableHeaderProps extends DivAttributes {
+    qa?: {
+        closeButton?: string;
+    };
+}
+export interface ModalProps extends Props {
+    'aria-describedby'?: string;
+    'aria-details'?: string;
+    /**
+     * @a11y `role='dialog'` MUST be labelled. Prefer `aria-labelledby` over `aria-label`.
+     * @since 11.12.0
+     */
+    'aria-labelledby'?: string;
+    /**
+     * @a11y `role='dialog'` MUST be labelled. Prefer `aria-labelledby` over `aria-label`.
+     * @since 11.12.0
+     */
+    'aria-label'?: string;
+    /**
+     * This adds additional UI or UX to close. Escape key will always close a dialog, see `onClose`.
+     *
+     * NOTE 'footer-button': Footer Cancel button still requires at least a rendered self closing `Modal.FooterButtons`.
+     *
+     * NOTE 'x': The X button still requires a rendered `Modal.Header` component.
+     * @defaultValue []
+     * @since 11.12.0
+     */
+    howToClose?: ModalOptionalCloseStartegy[];
+    /**
+     * Aligns with `role` and `ref` location.
+     */
+    id?: string;
+    /**
+     * Callback for clicking the overlay
+     * @since 10.19.0
+     */
+    onClickOverlay?: (event: React.MouseEvent<HTMLDivElement>) => void;
+    /**
+     * When a user closes the Modal by some approved `howToClose` method or the Escape key. This also opts-in to dialog focus management.
+     * @a11y Future default! Moves focus into and cycles focus in the Modal, and returning focus
+     * to the trigger when closed. Also enables the Escape key to close the Modal.
+     * @since 11.6.0
+     */
+    onClose?: ModalOnClose;
+    /**
+     * Modal open state
+     * @defaultValue false
+     * @since 10.19.0
+     */
+    open?: boolean;
+    /**
+     * Enable dialog props. REQUIRES `onClose` to enable Escape key and focus management. MUST be labelled, prefer `aria-labelledby` over `aria-label`.
+     */
+    role?: 'dialog';
+    /**
+     * Vertical placement of the modal
+     * @defaultValue center
+     * @since 10.19.0
+     */
+    placement?: ModalPlacement;
+    /**
+     * Sets a width on the container and uses next centering.
+     * Future will default to `md`
+     * @since 10.19.0
+     */
+    width?: ModalWidth;
+}
+export interface ModalContainerProps extends Props {
+    /**
+     * @since 10.19.0
+     */
+    placement: ModalPlacement;
+    /**
+     * @since 10.19.0
+     */
+    width?: ModalWidth;
+}
+export interface ConfirmModalProps extends Omit<ModalProps, 'onClose'> {
+    /**
+     * Headline message
+     * @since 10.19.0
+     */
+    headline?: string;
+    /**
+     * The dismiss onClick callback
+     * @since 10.19.0
+     */
+    onClose?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+}
+/**
+ * NOTE: Using howToClose 'x' requires the `Modal.Header` component.
+ * @a11y This component is a not semantic heading! For that, see `Modal.Heading`.
+ */
+export interface ModalCloseableHeaderProps extends Props {
+    /**
+     * @since 10.19.0
+     */
+    onClose?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+    /**
+     * @since 10.19.0
+     */
+    qa?: {
+        closeButton?: string;
+    };
+}
+export interface ModalBodyProps extends DivAttributes {
+    /**
+     * Removes left, right paddings from the modal body when true
+     * @defaultValue false
+     * @since 10.19.0
+     */
+    noSideSpacing?: boolean;
+}
+export {};
+//# sourceMappingURL=Modal.types.d.ts.map

package/dist/packages/core-react/src/Modal/Modal.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.types.d.ts","sourceRoot":"","sources":["Modal.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAA;AAEtD,oBAAY,cAAc,GAAG,KAAK,GAAG,QAAQ,CAAA;AAC7C,oBAAY,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAElD;;;;;GAKG;AACH,oBAAY,0BAA0B,GAAG,GAAG,GAAG,eAAe,GAAG,OAAO,CAAA;AACxE,aAAK,kBAAkB,GAAG,KAAK,GAAG,0BAA0B,CAAA;AAE5D,aAAK,YAAY,GAAG,CAClB,KAAK,EACH,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,GAE9B,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,GAEnC,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,EACpC,GAAG,EAAE,kBAAkB,KACpB,IAAI,CAAA;AAET,MAAM,WAAW,oBAAoB;IACnC;;OAEG;IACH,UAAU,EAAE,0BAA0B,EAAE,GAAG,SAAS,CAAA;IACpD,OAAO,EAAE,YAAY,GAAG,SAAS,CAAA;CAClC;AAED,MAAM,WAAW,yBAA0B,SAAQ,aAAa;IAC9D,EAAE,CAAC,EAAE;QAAE,WAAW,CAAC,EAAE,MAAM,CAAA;KAAE,CAAA;CAC9B;AAED,MAAM,WAAW,UAAW,SAAQ,KAAK;IACvC,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB;;;;;;;;OAQG;IACH,UAAU,CAAC,EAAE,0BAA0B,EAAE,CAAA;IACzC;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAA;IACX;;;OAGG;IACH,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAA;IAClE;;;;;OAKG;IACH,OAAO,CAAC,EAAE,YAAY,CAAA;IACtB;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,CAAA;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf;;;;OAIG;IACH,SAAS,CAAC,EAAE,cAAc,CAAA;IAC1B;;;;OAIG;IACH,KAAK,CAAC,EAAE,UAAU,CAAA;CACnB;AAED,MAAM,WAAW,mBAAoB,SAAQ,KAAK;IAChD;;OAEG;IACH,SAAS,EAAE,cAAc,CAAA;IACzB;;OAEG;IACH,KAAK,CAAC,EAAE,UAAU,CAAA;CACnB;AAED,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,UAAU,EAAE,SAAS,CAAC;IACpE;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;IAEjB;;;OAGG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAA;CAC/D;AAED;;;GAGG;AACH,MAAM,WAAW,yBAA0B,SAAQ,KAAK;IACtD;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAA;IAC9D;;OAEG;IACH,EAAE,CAAC,EAAE;QAAE,WAAW,CAAC,EAAE,MAAM,CAAA;KAAE,CAAA;CAC9B;AAED,MAAM,WAAW,cAAe,SAAQ,aAAa;IACnD;;;;OAIG;IACH,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB"}

package/dist/packages/core-react/src/Modal/index.d.ts

@@ -0,0 +1,3 @@
+export { ConfirmModal, Modal } from './Modal';
+export type { ConfirmModalProps, ModalProps } from './Modal.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/packages/core-react/src/Modal/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC7C,YAAY,EAAE,iBAAiB,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA"}

package/dist/packages/core-react/src/Modal/useInitializeModalFocus.d.ts

@@ -0,0 +1,7 @@
+interface InitializeModalFocusProps {
+    modalContainerRef: React.RefObject<HTMLDivElement>;
+    hasOnClose: boolean;
+}
+export declare function useInitializeModalFocus({ modalContainerRef, hasOnClose, }: InitializeModalFocusProps): void;
+export {};
+//# sourceMappingURL=useInitializeModalFocus.d.ts.map

package/dist/packages/core-react/src/Modal/useInitializeModalFocus.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useInitializeModalFocus.d.ts","sourceRoot":"","sources":["useInitializeModalFocus.ts"],"names":[],"mappings":"AAIA,UAAU,yBAAyB;IACjC,iBAAiB,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAA;IAClD,UAAU,EAAE,OAAO,CAAA;CACpB;AAED,wBAAgB,uBAAuB,CAAC,EACtC,iBAAiB,EACjB,UAAU,GACX,EAAE,yBAAyB,QA+B3B"}

package/dist/packages/core-react/src/MultiSelect/MultiSelect.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { MultiSelectOptionProps, MultiSelectProps } from './MultiSelect.types';
+export declare const Option: React.ForwardRefExoticComponent<MultiSelectOptionProps & React.RefAttributes<HTMLDivElement>>;
+/**
+ * @see [Storybook](https://procore.github.io/core/latest/?path=/story/demos-multiselect--demo)
+ * @see [Design Guidelines](https://design.procore.com/multi-select)
+ */
+export declare const MultiSelect: React.ForwardRefExoticComponent<MultiSelectProps & React.RefAttributes<HTMLDivElement>> & {
+    Option: React.ForwardRefExoticComponent<MultiSelectOptionProps & React.RefAttributes<HTMLDivElement>>;
+};
+//# sourceMappingURL=MultiSelect.d.ts.map

package/dist/packages/core-react/src/MultiSelect/MultiSelect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiSelect.d.ts","sourceRoot":"","sources":["MultiSelect.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AA0BzB,OAAO,EAOL,sBAAsB,EACtB,gBAAgB,EAIjB,MAAM,qBAAqB,CAAA;AAgU5B,eAAO,MAAM,MAAM,+FAIlB,CAAA;AA0SD;;;GAGG;AACH,eAAO,MAAM,WAAW;;CAKvB,CAAA"}

package/dist/packages/core-react/src/MultiSelect/MultiSelect.styles.d.ts

@@ -0,0 +1,23 @@
+export declare const StyledMultiSelectValues: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledMultiSelectToken: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledMultiSelectSearchInput: import("styled-components").StyledComponent<"input", any, {
+    $isNavigatingTokens?: boolean | undefined;
+}, never>;
+export declare const StyledMultiSelectSearch: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledMultiSelectSearchIcon: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledMultiSelectClearIcon: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("..").ButtonProps & import("react").RefAttributes<HTMLButtonElement>>, any, {}, never>;
+export declare const StyledMultiSelectArrowContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledMultiSelectArrow: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledMultiSelectMenu: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../_utils/types").DivAttributes & import("..").CardProps & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
+export declare const StyledMultiSelectButton: import("styled-components").StyledComponent<"div", any, {
+    $block: boolean;
+    $disabled: boolean;
+    $error: boolean;
+    $loading: boolean;
+    $open: boolean;
+    $placeholder?: boolean | undefined;
+    $hasClearIcon: boolean;
+} & {
+    $emptyValue: boolean;
+}, never>;
+//# sourceMappingURL=MultiSelect.styles.d.ts.map

package/dist/packages/core-react/src/MultiSelect/MultiSelect.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiSelect.styles.d.ts","sourceRoot":"","sources":["MultiSelect.styles.tsx"],"names":[],"mappings":"AAaA,eAAO,MAAM,uBAAuB,oEASnC,CAAA;AAED,eAAO,MAAM,sBAAsB,oEAUlC,CAAA;AAED,eAAO,MAAM,4BAA4B;;SA8BxC,CAAA;AAED,eAAO,MAAM,uBAAuB,oEAOnC,CAAA;AAED,eAAO,MAAM,2BAA2B,oEAUvC,CAAA;AAED,eAAO,MAAM,0BAA0B,qLAAwB,CAAA;AAE/D,eAAO,MAAM,+BAA+B,oEAA6B,CAAA;AAEzE,eAAO,MAAM,sBAAsB,oEAAoB,CAAA;AAEvD,eAAO,MAAM,qBAAqB,0NAAmB,CAAA;AAErD,eAAO,MAAM,uBAAuB;;;;;;;;;iBACrB,OAAO;SAiBrB,CAAA"}