@patternfly/react-core 6.0.0-alpha.4 → 6.0.0-alpha.41

package/dist/esm/next/components/DualListSelector/index.d.ts

@@ -0,0 +1,8 @@
+export * from './DualListSelector';
+export * from './DualListSelectorControl';
+export * from './DualListSelectorControlsWrapper';
+export * from './DualListSelectorPane';
+export * from './DualListSelectorList';
+export * from './DualListSelectorListItem';
+export * from './DualListSelectorTree';
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/next/components/DualListSelector/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/next/components/DualListSelector/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,mCAAmC,CAAC;AAClD,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,wBAAwB,CAAC"}

package/dist/esm/next/components/DualListSelector/index.js

@@ -0,0 +1,8 @@
+export * from './DualListSelector';
+export * from './DualListSelectorControl';
+export * from './DualListSelectorControlsWrapper';
+export * from './DualListSelectorPane';
+export * from './DualListSelectorList';
+export * from './DualListSelectorListItem';
+export * from './DualListSelectorTree';
+//# sourceMappingURL=index.js.map

package/dist/esm/next/components/DualListSelector/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/next/components/DualListSelector/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,mCAAmC,CAAC;AAClD,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,wBAAwB,CAAC"}

package/dist/esm/next/components/DualListSelector/treeUtils.d.ts

@@ -0,0 +1,8 @@
+import { DualListSelectorTreeItemData } from './DualListSelectorTree';
+export declare function flattenTree(tree: DualListSelectorTreeItemData[]): string[];
+export declare function flattenTreeWithFolders(tree: DualListSelectorTreeItemData[]): string[];
+export declare function filterFolders(tree: DualListSelectorTreeItemData[], inputList: string[]): string[];
+export declare function filterTreeItems(item: DualListSelectorTreeItemData, inputList: string[]): boolean;
+export declare function filterTreeItemsWithoutFolders(item: DualListSelectorTreeItemData, inputList: string[]): boolean;
+export declare function filterRestTreeItems(item: DualListSelectorTreeItemData, inputList: string[]): boolean;
+//# sourceMappingURL=treeUtils.d.ts.map

package/dist/esm/next/components/DualListSelector/treeUtils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"treeUtils.d.ts","sourceRoot":"","sources":["../../../../../src/next/components/DualListSelector/treeUtils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,4BAA4B,EAAE,MAAM,wBAAwB,CAAC;AAEtE,wBAAgB,WAAW,CAAC,IAAI,EAAE,4BAA4B,EAAE,GAAG,MAAM,EAAE,CAU1E;AAED,wBAAgB,sBAAsB,CAAC,IAAI,EAAE,4BAA4B,EAAE,GAAG,MAAM,EAAE,CASrF;AAED,wBAAgB,aAAa,CAAC,IAAI,EAAE,4BAA4B,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,GAAG,MAAM,EAAE,CAYjG;AAED,wBAAgB,eAAe,CAAC,IAAI,EAAE,4BAA4B,EAAE,SAAS,EAAE,MAAM,EAAE,GAAG,OAAO,CAWhG;AAED,wBAAgB,6BAA6B,CAAC,IAAI,EAAE,4BAA4B,EAAE,SAAS,EAAE,MAAM,EAAE,GAAG,OAAO,CAc9G;AAED,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,4BAA4B,EAAE,SAAS,EAAE,MAAM,EAAE,GAAG,OAAO,CAYpG"}

package/dist/esm/next/components/DualListSelector/treeUtils.js

@@ -0,0 +1,68 @@
+export function flattenTree(tree) {
+    let result = [];
+    tree.forEach((item) => {
+        if (item.children) {
+            result = result.concat(flattenTree(item.children));
+        }
+        else {
+            result.push(item.id);
+        }
+    });
+    return result;
+}
+export function flattenTreeWithFolders(tree) {
+    let result = [];
+    tree.forEach((item) => {
+        result.push(item.id);
+        if (item.children) {
+            result = result.concat(flattenTreeWithFolders(item.children));
+        }
+    });
+    return result;
+}
+export function filterFolders(tree, inputList) {
+    let result = [];
+    tree.forEach((item) => {
+        if (item.children) {
+            result = result.concat(filterFolders(item.children, inputList));
+        }
+        else {
+            if (inputList.includes(item.id)) {
+                result.push(item.id);
+            }
+        }
+    });
+    return result;
+}
+export function filterTreeItems(item, inputList) {
+    if (inputList.includes(item.id)) {
+        return true;
+    }
+    if (item.children) {
+        return ((item.children = item.children
+            .map((opt) => Object.assign({}, opt))
+            .filter((child) => filterTreeItems(child, inputList))).length > 0);
+    }
+}
+export function filterTreeItemsWithoutFolders(item, inputList) {
+    if (item.children) {
+        return ((item.children = item.children
+            .map((opt) => Object.assign({}, opt))
+            .filter((child) => child.children ? filterTreeItemsWithoutFolders(child, inputList) : filterTreeItems(child, inputList))).length > 0);
+    }
+    if (inputList.includes(item.id)) {
+        return true;
+    }
+}
+export function filterRestTreeItems(item, inputList) {
+    if (item.children) {
+        const child = (item.children = item.children
+            .map((opt) => Object.assign({}, opt))
+            .filter((child) => filterRestTreeItems(child, inputList))).length > 0;
+        return child;
+    }
+    if (!inputList.includes(item.id)) {
+        return true;
+    }
+}
+//# sourceMappingURL=treeUtils.js.map

package/dist/esm/next/components/DualListSelector/treeUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"treeUtils.js","sourceRoot":"","sources":["../../../../../src/next/components/DualListSelector/treeUtils.ts"],"names":[],"mappings":"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"}

package/dist/esm/next/components/Modal/Modal.d.ts

@@ -0,0 +1,73 @@
+import * as React from 'react';
+import { PickOptional } from '../../../helpers';
+import { OUIAProps } from '../../../helpers';
+export interface ModalProps extends React.HTMLProps<HTMLDivElement>, OUIAProps {
+    /** The parent container to append the modal to. Defaults to "document.body". */
+    appendTo?: HTMLElement | (() => HTMLElement);
+    /** Id to use for the modal box description. This should match the ModalHeader labelId or descriptorId. */
+    'aria-describedby'?: string;
+    /**   Adds an accessible name to the modal when there is no title in the ModalHeader. */
+    'aria-label'?: string;
+    /** Id to use for the modal box label. This should include the ModalHeader labelId. */
+    'aria-labelledby'?: string;
+    /** Content rendered inside the modal. */
+    children: React.ReactNode;
+    /** Additional classes added to the modal. */
+    className?: string;
+    /** Flag to disable focus trap. */
+    disableFocusTrap?: boolean;
+    /** The element to focus when the modal opens. By default the first
+     * focusable element will receive focus.
+     */
+    elementToFocus?: HTMLElement | SVGElement | string;
+    /** An id to use for the modal box container. */
+    id?: string;
+    /** Flag to show the modal. */
+    isOpen?: boolean;
+    /** Add callback for when the close button is clicked. This prop needs to be passed to render the close button */
+    onClose?: (event: KeyboardEvent | React.MouseEvent) => void;
+    /** Modal handles pressing of the escape key and closes the modal. If you want to handle
+     * this yourself you can use this callback function. */
+    onEscapePress?: (event: KeyboardEvent) => void;
+    /** Position of the modal. By default a modal will be positioned vertically and horizontally centered. */
+    position?: 'default' | 'top';
+    /** Offset from alternate position. Can be any valid CSS length/percentage. */
+    positionOffset?: string;
+    /** Variant of the modal. */
+    variant?: 'small' | 'medium' | 'large' | 'default';
+    /** Default width of the modal. */
+    width?: number | string;
+    /** Maximum width of the modal. */
+    maxWidth?: number | string;
+    /** Value to overwrite the randomly generated data-ouia-component-id.*/
+    ouiaId?: number | string;
+    /** Set the value of data-ouia-safe. Only set to true when the component is in a static state, i.e. no animations are occurring. At all other times, this value must be false. */
+    ouiaSafe?: boolean;
+}
+export declare enum ModalVariant {
+    small = "small",
+    medium = "medium",
+    large = "large",
+    default = "default"
+}
+interface ModalState {
+    container: HTMLElement;
+    ouiaStateId: string;
+}
+declare class Modal extends React.Component<ModalProps, ModalState> {
+    static displayName: string;
+    static currentId: number;
+    boxId: string;
+    static defaultProps: PickOptional<ModalProps>;
+    constructor(props: ModalProps);
+    handleEscKeyClick: (event: KeyboardEvent) => void;
+    getElement: (appendTo: HTMLElement | (() => HTMLElement)) => HTMLElement;
+    toggleSiblingsFromScreenReaders: (hide: boolean) => void;
+    isEmpty: (value: string | null | undefined) => boolean;
+    componentDidMount(): void;
+    componentDidUpdate(): void;
+    componentWillUnmount(): void;
+    render(): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+}
+export { Modal };
+//# sourceMappingURL=Modal.d.ts.map

package/dist/esm/next/components/Modal/Modal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../../../src/next/components/Modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAuB,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAIrE,OAAO,EAAE,SAAS,EAAoB,MAAM,kBAAkB,CAAC;AAE/D,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAAE,SAAS;IAC5E,gFAAgF;IAChF,QAAQ,CAAC,EAAE,WAAW,GAAG,CAAC,MAAM,WAAW,CAAC,CAAC;IAC7C,0GAA0G;IAC1G,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,wFAAwF;IACxF,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,sFAAsF;IACtF,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,yCAAyC;IACzC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kCAAkC;IAClC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;OAEG;IACH,cAAc,CAAC,EAAE,WAAW,GAAG,UAAU,GAAG,MAAM,CAAC;IACnD,gDAAgD;IAChD,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,8BAA8B;IAC9B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,iHAAiH;IACjH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,GAAG,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAC5D;2DACuD;IACvD,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAC/C,yGAAyG;IACzG,QAAQ,CAAC,EAAE,SAAS,GAAG,KAAK,CAAC;IAC7B,8EAA8E;IAC9E,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,4BAA4B;IAC5B,OAAO,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC;IACnD,kCAAkC;IAClC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,kCAAkC;IAClC,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,uEAAuE;IACvE,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,iLAAiL;IACjL,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,oBAAY,YAAY;IACtB,KAAK,UAAU;IACf,MAAM,WAAW;IACjB,KAAK,UAAU;IACf,OAAO,YAAY;CACpB;AAED,UAAU,UAAU;IAClB,SAAS,EAAE,WAAW,CAAC;IACvB,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,cAAM,KAAM,SAAQ,KAAK,CAAC,SAAS,CAAC,UAAU,EAAE,UAAU,CAAC;IACzD,MAAM,CAAC,WAAW,SAAW;IAC7B,MAAM,CAAC,SAAS,SAAK;IACrB,KAAK,SAAM;IAEX,MAAM,CAAC,YAAY,EAAE,YAAY,CAAC,UAAU,CAAC,CAM3C;gBAEU,KAAK,EAAE,UAAU;IAW7B,iBAAiB,UAAW,aAAa,KAAG,IAAI,CAK9C;IAEF,UAAU,aAAc,WAAW,GAAG,CAAC,MAAM,WAAW,CAAC,iBAKvD;IAEF,+BAA+B,SAAU,OAAO,UAS9C;IAEF,OAAO,UAAW,MAAM,GAAG,IAAI,GAAG,SAAS,aAA2D;IAEtG,iBAAiB;IAyBjB,kBAAkB;IAYlB,oBAAoB;IAWpB,MAAM;CAoCP;AAED,OAAO,EAAE,KAAK,EAAE,CAAC"}

package/dist/esm/next/components/Modal/Modal.js

@@ -0,0 +1,114 @@
+import { __rest } from "tslib";
+import * as React from 'react';
+import * as ReactDOM from 'react-dom';
+import { canUseDOM, KeyTypes } from '../../../helpers';
+import { css } from '@patternfly/react-styles';
+import styles from '@patternfly/react-styles/css/components/Backdrop/backdrop.mjs';
+import { ModalContent } from './ModalContent';
+import { getDefaultOUIAId } from '../../../helpers';
+export var ModalVariant;
+(function (ModalVariant) {
+    ModalVariant["small"] = "small";
+    ModalVariant["medium"] = "medium";
+    ModalVariant["large"] = "large";
+    ModalVariant["default"] = "default";
+})(ModalVariant || (ModalVariant = {}));
+class Modal extends React.Component {
+    constructor(props) {
+        super(props);
+        this.boxId = '';
+        this.handleEscKeyClick = (event) => {
+            var _a, _b;
+            const { onEscapePress } = this.props;
+            if (event.key === KeyTypes.Escape && this.props.isOpen) {
+                onEscapePress ? onEscapePress(event) : (_b = (_a = this.props).onClose) === null || _b === void 0 ? void 0 : _b.call(_a, event);
+            }
+        };
+        this.getElement = (appendTo) => {
+            if (typeof appendTo === 'function') {
+                return appendTo();
+            }
+            return appendTo || document.body;
+        };
+        this.toggleSiblingsFromScreenReaders = (hide) => {
+            const { appendTo } = this.props;
+            const target = this.getElement(appendTo);
+            const bodyChildren = target.children;
+            for (const child of Array.from(bodyChildren)) {
+                if (child !== this.state.container) {
+                    hide ? child.setAttribute('aria-hidden', '' + hide) : child.removeAttribute('aria-hidden');
+                }
+            }
+        };
+        this.isEmpty = (value) => value === null || value === undefined || value === '';
+        const boxIdNum = Modal.currentId++;
+        this.boxId = props.id || `pf-modal-part-${boxIdNum}`;
+        this.state = {
+            container: undefined,
+            ouiaStateId: getDefaultOUIAId(Modal.displayName, props.variant)
+        };
+    }
+    componentDidMount() {
+        const { appendTo, 'aria-describedby': ariaDescribedby, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby } = this.props;
+        const target = this.getElement(appendTo);
+        const container = document.createElement('div');
+        this.setState({ container });
+        target.appendChild(container);
+        target.addEventListener('keydown', this.handleEscKeyClick, false);
+        if (this.props.isOpen) {
+            target.classList.add(css(styles.backdropOpen));
+        }
+        else {
+            target.classList.remove(css(styles.backdropOpen));
+        }
+        if (!ariaDescribedby && !ariaLabel && !ariaLabelledby) {
+            // eslint-disable-next-line no-console
+            console.error('Modal: Specify at least one of: aria-describedby, aria-label, aria-labelledby.');
+        }
+    }
+    componentDidUpdate() {
+        const { appendTo } = this.props;
+        const target = this.getElement(appendTo);
+        if (this.props.isOpen) {
+            target.classList.add(css(styles.backdropOpen));
+            this.toggleSiblingsFromScreenReaders(true);
+        }
+        else {
+            target.classList.remove(css(styles.backdropOpen));
+            this.toggleSiblingsFromScreenReaders(false);
+        }
+    }
+    componentWillUnmount() {
+        const { appendTo } = this.props;
+        const target = this.getElement(appendTo);
+        if (this.state.container) {
+            target.removeChild(this.state.container);
+        }
+        target.removeEventListener('keydown', this.handleEscKeyClick, false);
+        target.classList.remove(css(styles.backdropOpen));
+        this.toggleSiblingsFromScreenReaders(false);
+    }
+    render() {
+        const _a = this.props, { 
+        // eslint-disable-next-line @typescript-eslint/no-unused-vars
+        appendTo, 
+        // eslint-disable-next-line @typescript-eslint/no-unused-vars
+        onEscapePress, 'aria-labelledby': ariaLabelledby, 'aria-label': ariaLabel, 'aria-describedby': ariaDescribedby, ouiaId, ouiaSafe, position, elementToFocus } = _a, props = __rest(_a, ["appendTo", "onEscapePress", 'aria-labelledby', 'aria-label', 'aria-describedby', "ouiaId", "ouiaSafe", "position", "elementToFocus"]);
+        const { container } = this.state;
+        if (!canUseDOM || !container) {
+            return null;
+        }
+        return ReactDOM.createPortal(React.createElement(ModalContent, Object.assign({ boxId: this.boxId, "aria-label": ariaLabel, "aria-describedby": ariaDescribedby, "aria-labelledby": ariaLabelledby, ouiaId: ouiaId !== undefined ? ouiaId : this.state.ouiaStateId, ouiaSafe: ouiaSafe, position: position, elementToFocus: elementToFocus }, props)), container);
+    }
+}
+Modal.displayName = 'Modal';
+Modal.currentId = 0;
+Modal.defaultProps = {
+    isOpen: false,
+    variant: 'default',
+    appendTo: () => document.body,
+    ouiaSafe: true,
+    position: 'default'
+};
+export { Modal };
+//# sourceMappingURL=Modal.js.map

package/dist/esm/next/components/Modal/Modal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../../../src/next/components/Modal/Modal.tsx"],"names":[],"mappings":"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"}

package/dist/esm/next/components/Modal/ModalBody.d.ts

@@ -0,0 +1,19 @@
+import * as React from 'react';
+/** Renders content in the body of the modal */
+export interface ModalBodyProps extends React.HTMLProps<HTMLDivElement> {
+    /** Content rendered inside the modal body. */
+    children?: React.ReactNode;
+    /** Additional classes added to the modal body. */
+    className?: string;
+    /** Accessible label applied to the modal body. This should be used to communicate
+     * important information about the modal body div element if needed, such as when it is scrollable.
+     */
+    'aria-label'?: string;
+    /** Accessible role applied to the modal body. This will default to "region" if the
+     * aria-label property is passed in. Set to a more appropriate role as applicable
+     * based on the modal content and context.
+     */
+    role?: string;
+}
+export declare const ModalBody: React.FunctionComponent<ModalBodyProps>;
+//# sourceMappingURL=ModalBody.d.ts.map

package/dist/esm/next/components/Modal/ModalBody.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalBody.d.ts","sourceRoot":"","sources":["../../../../../src/next/components/Modal/ModalBody.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,+CAA+C;AAE/C,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACrE,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,kDAAkD;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAkB7D,CAAC"}

package/dist/esm/next/components/Modal/ModalBody.js

@@ -0,0 +1,11 @@
+import { __rest } from "tslib";
+import * as React from 'react';
+import { css } from '@patternfly/react-styles';
+import styles from '@patternfly/react-styles/css/components/ModalBox/modal-box.mjs';
+export const ModalBody = (_a) => {
+    var { children, className, 'aria-label': ariaLabel, role } = _a, props = __rest(_a, ["children", "className", 'aria-label', "role"]);
+    const defaultModalBodyRole = ariaLabel ? 'region' : undefined;
+    return (React.createElement("div", Object.assign({ "aria-label": ariaLabel, role: role || defaultModalBodyRole, className: css(styles.modalBoxBody, className) }, props), children));
+};
+ModalBody.displayName = 'ModalBody';
+//# sourceMappingURL=ModalBody.js.map

package/dist/esm/next/components/Modal/ModalBody.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalBody.js","sourceRoot":"","sources":["../../../../../src/next/components/Modal/ModalBody.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,MAAM,uEAAmE;AAoBhF,MAAM,CAAC,MAAM,SAAS,GAA4C,CAAC,EAMlD,EAAE,EAAE;QAN8C,EACjE,QAAQ,EACR,SAAS,EACT,YAAY,EAAE,SAAS,EACvB,IAAI,OAEW,EADZ,KAAK,cALyD,+CAMlE,CADS;IAER,MAAM,oBAAoB,GAAG,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC;IAC9D,OAAO,CACL,yDACc,SAAS,EACrB,IAAI,EAAE,IAAI,IAAI,oBAAoB,EAClC,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,YAAY,EAAE,SAAS,CAAC,IAC1C,KAAK,GAER,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CAAC;AACF,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC"}

package/dist/esm/next/components/Modal/ModalBox.d.ts

@@ -0,0 +1,21 @@
+import * as React from 'react';
+export interface ModalBoxProps extends React.HTMLProps<HTMLDivElement> {
+    /** Id to use for the modal box description. This should match the ModalHeader labelId or descriptorId */
+    'aria-describedby'?: string;
+    /** Adds an accessible name to the modal when there is no title in the ModalHeader. */
+    'aria-label'?: string;
+    /** Id to use for the modal box label. */
+    'aria-labelledby'?: string;
+    /** Content rendered inside the modal box. */
+    children: React.ReactNode;
+    /** Additional classes added to the modal box. */
+    className?: string;
+    /** Position of the modal. By default a modal will be positioned vertically and horizontally centered. */
+    position?: 'default' | 'top';
+    /** Offset from alternate position. Can be any valid CSS length/percentage. */
+    positionOffset?: string;
+    /** Variant of the modal. */
+    variant?: 'small' | 'medium' | 'large' | 'default';
+}
+export declare const ModalBox: React.FunctionComponent<ModalBoxProps>;
+//# sourceMappingURL=ModalBox.d.ts.map

package/dist/esm/next/components/Modal/ModalBox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalBox.d.ts","sourceRoot":"","sources":["../../../../../src/next/components/Modal/ModalBox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACpE,yGAAyG;IACzG,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,sFAAsF;IACtF,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,yCAAyC;IACzC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,6CAA6C;IAC7C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,iDAAiD;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yGAAyG;IACzG,QAAQ,CAAC,EAAE,SAAS,GAAG,KAAK,CAAC;IAC7B,8EAA8E;IAC9E,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,4BAA4B;IAC5B,OAAO,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC;CACpD;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,iBAAiB,CAAC,aAAa,CAqC3D,CAAC"}

package/dist/esm/next/components/Modal/ModalBox.js

@@ -0,0 +1,15 @@
+import { __rest } from "tslib";
+import * as React from 'react';
+import { css } from '@patternfly/react-styles';
+import styles from '@patternfly/react-styles/css/components/ModalBox/modal-box.mjs';
+import topSpacer from '@patternfly/react-tokens/dist/esm/c_modal_box_m_align_top_spacer';
+export const ModalBox = (_a) => {
+    var { children, className, variant = 'default', position, positionOffset, 'aria-labelledby': ariaLabelledby, 'aria-label': ariaLabel, 'aria-describedby': ariaDescribedby, style } = _a, props = __rest(_a, ["children", "className", "variant", "position", "positionOffset", 'aria-labelledby', 'aria-label', 'aria-describedby', "style"]);
+    if (positionOffset) {
+        style = style || {};
+        style[topSpacer.name] = positionOffset;
+    }
+    return (React.createElement("div", Object.assign({ role: "dialog", "aria-label": ariaLabel || null, "aria-labelledby": ariaLabelledby || null, "aria-describedby": ariaDescribedby, "aria-modal": "true", className: css(styles.modalBox, className, position === 'top' && styles.modifiers.alignTop, variant === 'large' && styles.modifiers.lg, variant === 'small' && styles.modifiers.sm, variant === 'medium' && styles.modifiers.md), style: style }, props), children));
+};
+ModalBox.displayName = 'ModalBox';
+//# sourceMappingURL=ModalBox.js.map

package/dist/esm/next/components/Modal/ModalBox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalBox.js","sourceRoot":"","sources":["../../../../../src/next/components/Modal/ModalBox.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,MAAM,uEAAmE;AAChF,OAAO,SAAS,MAAM,kEAAkE,CAAC;AAqBzF,MAAM,CAAC,MAAM,QAAQ,GAA2C,CAAC,EAWjD,EAAE,EAAE;QAX6C,EAC/D,QAAQ,EACR,SAAS,EACT,OAAO,GAAG,SAAS,EACnB,QAAQ,EACR,cAAc,EACd,iBAAiB,EAAE,cAAc,EACjC,YAAY,EAAE,SAAS,EACvB,kBAAkB,EAAE,eAAe,EACnC,KAAK,OAES,EADX,KAAK,cAVuD,gIAWhE,CADS;IAER,IAAI,cAAc,EAAE;QAClB,KAAK,GAAG,KAAK,IAAI,EAAE,CAAC;QACnB,KAAa,CAAC,SAAS,CAAC,IAAI,CAAC,GAAG,cAAc,CAAC;KACjD;IACD,OAAO,CACL,2CACE,IAAI,EAAC,QAAQ,gBACD,SAAS,IAAI,IAAI,qBACZ,cAAc,IAAI,IAAI,sBACrB,eAAe,gBACtB,MAAM,EACjB,SAAS,EAAE,GAAG,CACZ,MAAM,CAAC,QAAQ,EACf,SAAS,EACT,QAAQ,KAAK,KAAK,IAAI,MAAM,CAAC,SAAS,CAAC,QAAQ,EAC/C,OAAO,KAAK,OAAO,IAAI,MAAM,CAAC,SAAS,CAAC,EAAE,EAC1C,OAAO,KAAK,OAAO,IAAI,MAAM,CAAC,SAAS,CAAC,EAAE,EAC1C,OAAO,KAAK,QAAQ,IAAI,MAAM,CAAC,SAAS,CAAC,EAAE,CAC5C,EACD,KAAK,EAAE,KAAK,IACR,KAAK,GAER,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CAAC;AACF,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC"}

package/dist/esm/next/components/Modal/ModalBoxCloseButton.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import { OUIAProps } from '../../../helpers';
+export interface ModalBoxCloseButtonProps extends OUIAProps {
+    /** Additional classes added to the close button. */
+    className?: string;
+    /** A callback for when the close button is clicked. */
+    onClose?: (event: KeyboardEvent | React.MouseEvent) => void;
+    /** Accessible descriptor of the close button. */
+    'aria-label'?: string;
+    /** Value to set the data-ouia-component-id.*/
+    ouiaId?: number | string;
+}
+export declare const ModalBoxCloseButton: React.FunctionComponent<ModalBoxCloseButtonProps>;
+//# sourceMappingURL=ModalBoxCloseButton.d.ts.map

package/dist/esm/next/components/Modal/ModalBoxCloseButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalBoxCloseButton.d.ts","sourceRoot":"","sources":["../../../../../src/next/components/Modal/ModalBoxCloseButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAE7C,MAAM,WAAW,wBAAyB,SAAQ,SAAS;IACzD,oDAAoD;IACpD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uDAAuD;IACvD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,GAAG,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAC5D,iDAAiD;IACjD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,8CAA8C;IAC9C,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC1B;AAED,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,iBAAiB,CAAC,wBAAwB,CAkBjF,CAAC"}

package/dist/esm/next/components/Modal/ModalBoxCloseButton.js

@@ -0,0 +1,14 @@
+import { __rest } from "tslib";
+import * as React from 'react';
+import { css } from '@patternfly/react-styles';
+import styles from '@patternfly/react-styles/css/components/ModalBox/modal-box.mjs';
+import { Button } from '../../../components/Button';
+import TimesIcon from '@patternfly/react-icons/dist/esm/icons/times-icon';
+export const ModalBoxCloseButton = (_a) => {
+    var { className, onClose, 'aria-label': ariaLabel = 'Close', ouiaId } = _a, props = __rest(_a, ["className", "onClose", 'aria-label', "ouiaId"]);
+    return (React.createElement("div", { className: css(styles.modalBoxClose, className) },
+        React.createElement(Button, Object.assign({ variant: "plain", onClick: (event) => onClose(event), "aria-label": ariaLabel }, (ouiaId && { ouiaId: `${ouiaId}-${ModalBoxCloseButton.displayName}` }), props),
+            React.createElement(TimesIcon, null))));
+};
+ModalBoxCloseButton.displayName = 'ModalBoxCloseButton';
+//# sourceMappingURL=ModalBoxCloseButton.js.map

package/dist/esm/next/components/Modal/ModalBoxCloseButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalBoxCloseButton.js","sourceRoot":"","sources":["../../../../../src/next/components/Modal/ModalBoxCloseButton.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,MAAM,uEAAmE;AAChF,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,SAAS,MAAM,mDAAmD,CAAC;AAc1E,MAAM,CAAC,MAAM,mBAAmB,GAAsD,CAAC,EAM5D,EAAE,EAAE;QANwD,EACrF,SAAS,EACT,OAAO,EACP,YAAY,EAAE,SAAS,GAAG,OAAO,EACjC,MAAM,OAEmB,EADtB,KAAK,cAL6E,gDAMtF,CADS;IACsB,OAAA,CAC9B,6BAAK,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,aAAa,EAAE,SAAS,CAAC;QAClD,oBAAC,MAAM,kBACL,OAAO,EAAC,OAAO,EACf,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,gBACtB,SAAS,IACjB,CAAC,MAAM,IAAI,EAAE,MAAM,EAAE,GAAG,MAAM,IAAI,mBAAmB,CAAC,WAAW,EAAE,EAAE,CAAC,EACtE,KAAK;YAET,oBAAC,SAAS,OAAG,CACN,CACL,CACP,CAAA;CAAA,CAAC;AACF,mBAAmB,CAAC,WAAW,GAAG,qBAAqB,CAAC"}

package/dist/esm/next/components/Modal/ModalBoxDescription.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+export interface ModalBoxDescriptionProps {
+    /** Content rendered inside the description. */
+    children?: React.ReactNode;
+    /** Additional classes added to the description. */
+    className?: string;
+    /** Id of the description. */
+    id?: string;
+}
+export declare const ModalBoxDescription: React.FunctionComponent<ModalBoxDescriptionProps>;
+//# sourceMappingURL=ModalBoxDescription.d.ts.map

package/dist/esm/next/components/Modal/ModalBoxDescription.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalBoxDescription.d.ts","sourceRoot":"","sources":["../../../../../src/next/components/Modal/ModalBoxDescription.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,wBAAwB;IACvC,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,mDAAmD;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6BAA6B;IAC7B,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,iBAAiB,CAAC,wBAAwB,CASjF,CAAC"}

package/dist/esm/next/components/Modal/ModalBoxDescription.js

@@ -0,0 +1,10 @@
+import { __rest } from "tslib";
+import * as React from 'react';
+import { css } from '@patternfly/react-styles';
+import styles from '@patternfly/react-styles/css/components/ModalBox/modal-box.mjs';
+export const ModalBoxDescription = (_a) => {
+    var { children = null, className = '', id = '' } = _a, props = __rest(_a, ["children", "className", "id"]);
+    return (React.createElement("div", Object.assign({}, props, { id: id, className: css(styles.modalBoxDescription, className) }), children));
+};
+ModalBoxDescription.displayName = 'ModalBoxDescription';
+//# sourceMappingURL=ModalBoxDescription.js.map

package/dist/esm/next/components/Modal/ModalBoxDescription.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalBoxDescription.js","sourceRoot":"","sources":["../../../../../src/next/components/Modal/ModalBoxDescription.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,MAAM,uEAAmE;AAWhF,MAAM,CAAC,MAAM,mBAAmB,GAAsD,CAAC,EAK5D,EAAE,EAAE;QALwD,EACrF,QAAQ,GAAG,IAAI,EACf,SAAS,GAAG,EAAE,EACd,EAAE,GAAG,EAAE,OAEkB,EADtB,KAAK,cAJ6E,+BAKtF,CADS;IACsB,OAAA,CAC9B,6CAAS,KAAK,IAAE,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,mBAAmB,EAAE,SAAS,CAAC,KAC1E,QAAQ,CACL,CACP,CAAA;CAAA,CAAC;AACF,mBAAmB,CAAC,WAAW,GAAG,qBAAqB,CAAC"}

package/dist/esm/next/components/Modal/ModalBoxTitle.d.ts

@@ -0,0 +1,17 @@
+import * as React from 'react';
+export declare const isVariantIcon: (icon: any) => icon is string;
+export interface ModalBoxTitleProps {
+    /** Additional classes added to the modal box title. */
+    className?: string;
+    /** Id of the modal box title. */
+    id?: string;
+    /** Content rendered inside the modal box title. */
+    title: React.ReactNode;
+    /** Optional alert icon (or other) to show before the title. When the predefined alert types
+     * are used the default styling will be automatically applied. */
+    titleIconVariant?: 'success' | 'danger' | 'warning' | 'info' | 'custom' | React.ComponentType<any>;
+    /** Optional title label text for screen readers. */
+    titleScreenReaderText?: string;
+}
+export declare const ModalBoxTitle: React.FunctionComponent<ModalBoxTitleProps>;
+//# sourceMappingURL=ModalBoxTitle.d.ts.map

package/dist/esm/next/components/Modal/ModalBoxTitle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalBoxTitle.d.ts","sourceRoot":"","sources":["../../../../../src/next/components/Modal/ModalBoxTitle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B,eAAO,MAAM,aAAa,SAAU,GAAG,mBACsC,CAAC;AAE9E,MAAM,WAAW,kBAAkB;IACjC,uDAAuD;IACvD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iCAAiC;IACjC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,mDAAmD;IACnD,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB;qEACiE;IACjE,gBAAgB,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,GAAG,QAAQ,GAAG,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IACnG,oDAAoD;IACpD,qBAAqB,CAAC,EAAE,MAAM,CAAC;CAChC;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,iBAAiB,CAAC,kBAAkB,CA4CrE,CAAC"}

package/dist/esm/next/components/Modal/ModalBoxTitle.js

@@ -0,0 +1,38 @@
+import { __rest } from "tslib";
+import * as React from 'react';
+import modalStyles from '@patternfly/react-styles/css/components/ModalBox/modal-box.mjs';
+import { css } from '@patternfly/react-styles';
+import { capitalize } from '../../../helpers';
+import { Tooltip } from '../../../components/Tooltip';
+import CheckCircleIcon from '@patternfly/react-icons/dist/esm/icons/check-circle-icon';
+import ExclamationCircleIcon from '@patternfly/react-icons/dist/esm/icons/exclamation-circle-icon';
+import ExclamationTriangleIcon from '@patternfly/react-icons/dist/esm/icons/exclamation-triangle-icon';
+import InfoCircleIcon from '@patternfly/react-icons/dist/esm/icons/info-circle-icon';
+import BellIcon from '@patternfly/react-icons/dist/esm/icons/bell-icon';
+import { useIsomorphicLayoutEffect } from '../../../helpers';
+export const isVariantIcon = (icon) => ['success', 'danger', 'warning', 'info', 'custom'].includes(icon);
+export const ModalBoxTitle = (_a) => {
+    var { className, id, title, titleIconVariant, titleScreenReaderText } = _a, props = __rest(_a, ["className", "id", "title", "titleIconVariant", "titleScreenReaderText"]);
+    const [hasTooltip, setHasTooltip] = React.useState(false);
+    const h1 = React.useRef(null);
+    const label = titleScreenReaderText ||
+        (isVariantIcon(titleIconVariant) ? `${capitalize(titleIconVariant)} alert:` : titleScreenReaderText);
+    const variantIcons = {
+        success: React.createElement(CheckCircleIcon, null),
+        danger: React.createElement(ExclamationCircleIcon, null),
+        warning: React.createElement(ExclamationTriangleIcon, null),
+        info: React.createElement(InfoCircleIcon, null),
+        custom: React.createElement(BellIcon, null)
+    };
+    const CustomIcon = !isVariantIcon(titleIconVariant) && titleIconVariant;
+    useIsomorphicLayoutEffect(() => {
+        setHasTooltip(h1.current && h1.current.offsetWidth < h1.current.scrollWidth);
+    }, []);
+    const content = (React.createElement("h1", Object.assign({ id: id, ref: h1, className: css(modalStyles.modalBoxTitle, titleIconVariant && modalStyles.modifiers.icon, className) }, props),
+        titleIconVariant && (React.createElement("span", { className: css(modalStyles.modalBoxTitleIcon) }, isVariantIcon(titleIconVariant) ? variantIcons[titleIconVariant] : React.createElement(CustomIcon, null))),
+        label && React.createElement("span", { className: "pf-v6-screen-reader" }, label),
+        React.createElement("span", { className: css(modalStyles.modalBoxTitleText) }, title)));
+    return hasTooltip ? React.createElement(Tooltip, { content: title }, content) : content;
+};
+ModalBoxTitle.displayName = 'ModalBoxTitle';
+//# sourceMappingURL=ModalBoxTitle.js.map

package/dist/esm/next/components/Modal/ModalBoxTitle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalBoxTitle.js","sourceRoot":"","sources":["../../../../../src/next/components/Modal/ModalBoxTitle.tsx"],"names":[],"mappings":"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"}

package/dist/esm/next/components/Modal/ModalContent.d.ts

@@ -0,0 +1,42 @@
+import * as React from 'react';
+import { OUIAProps } from '../../../helpers';
+export interface ModalContentProps extends OUIAProps {
+    /** Id to use for the modal box description. This should match the ModalHeader labelId or descriptorId. */
+    'aria-describedby'?: string;
+    /** Accessible descriptor of the modal. */
+    'aria-label'?: string;
+    /** Id to use for the modal box label. This should include the ModalHeader labelId. */
+    'aria-labelledby'?: string;
+    /** Id of the modal box container. */
+    boxId: string;
+    /** Content rendered inside the modal. */
+    children: React.ReactNode;
+    /** Additional classes added to the modal box. */
+    className?: string;
+    /** Flag to disable focus trap. */
+    disableFocusTrap?: boolean;
+    /** The element to focus when the modal opens. By default the first
+     * focusable element will receive focus.
+     */
+    elementToFocus?: HTMLElement | SVGElement | string;
+    /** Flag to show the modal. */
+    isOpen?: boolean;
+    /** A callback for when the close button is clicked. */
+    onClose?: (event: KeyboardEvent | React.MouseEvent) => void;
+    /** Position of the modal. By default a modal will be positioned vertically and horizontally centered. */
+    position?: 'default' | 'top';
+    /** Offset from alternate position. Can be any valid CSS length/percentage. */
+    positionOffset?: string;
+    /** Variant of the modal. */
+    variant?: 'small' | 'medium' | 'large' | 'default';
+    /** Default width of the modal. */
+    width?: number | string;
+    /** Maximum width of the modal. */
+    maxWidth?: number | string;
+    /** Value to overwrite the randomly generated data-ouia-component-id.*/
+    ouiaId?: number | string;
+    /** Set the value of data-ouia-safe. Only set to true when the component is in a static state, i.e. no animations are occurring. At all other times, this value must be false. */
+    ouiaSafe?: boolean;
+}
+export declare const ModalContent: React.FunctionComponent<ModalContentProps>;
+//# sourceMappingURL=ModalContent.d.ts.map

package/dist/esm/next/components/Modal/ModalContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalContent.d.ts","sourceRoot":"","sources":["../../../../../src/next/components/Modal/ModalContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAgB,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAK3D,MAAM,WAAW,iBAAkB,SAAQ,SAAS;IAClD,0GAA0G;IAC1G,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,0CAA0C;IAC1C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,sFAAsF;IACtF,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,qCAAqC;IACrC,KAAK,EAAE,MAAM,CAAC;IACd,yCAAyC;IACzC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,iDAAiD;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kCAAkC;IAClC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;OAEG;IACH,cAAc,CAAC,EAAE,WAAW,GAAG,UAAU,GAAG,MAAM,CAAC;IACnD,8BAA8B;IAC9B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,uDAAuD;IACvD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,GAAG,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAC5D,yGAAyG;IACzG,QAAQ,CAAC,EAAE,SAAS,GAAG,KAAK,CAAC;IAC7B,8EAA8E;IAC9E,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,4BAA4B;IAC5B,OAAO,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC;IACnD,kCAAkC;IAClC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,kCAAkC;IAClC,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,uEAAuE;IACvE,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,iLAAiL;IACjL,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAiFnE,CAAC"}