@toptal/picasso-modal 3.2.2 → 3.2.3-alpha-1757603192867.0

package/package.json

@@ -1,15 +1,16 @@
 {
   "name": "@toptal/picasso-modal",
-  "version": "3.2.2",
+  "version": "3.2.3-alpha-1757603192867.0",
   "description": "Toptal UI components library - Modal",
   "publishConfig": {
-    "access": "public"
+    "access": "public",
+    "provenance": true
   },
   "main": "./dist-package/src/index.js",
   "module": "./dist-package/src/index.js",
   "scripts": {
     "build:package": "tsc -b tsconfig.json",
-    "prepublishOnly": "yarn build:package"
+    "prepublishOnly": "echo 0"
   },
   "repository": {
     "type": "git",
@@ -23,15 +24,15 @@
   "homepage": "https://github.com/toptal/picasso/tree/master/packages/picasso#readme",
   "dependencies": {
     "@mui/base": "5.0.0-beta.58",
-    "@toptal/picasso-backdrop": "1.0.9",
-    "@toptal/picasso-fade": "1.0.8",
-    "@toptal/picasso-paper": "4.0.3",
-    "@toptal/picasso-shared": "15.0.0",
-    "@toptal/picasso-button": "4.0.23",
-    "@toptal/picasso-icons": "1.12.1",
-    "@toptal/picasso-typography": "4.0.4",
-    "@toptal/picasso-utils": "3.1.0",
-    "@toptal/picasso-modal-context": "1.0.1",
+    "@toptal/picasso-backdrop": "1.0.10-alpha-1757603192867.0",
+    "@toptal/picasso-fade": "1.0.9-alpha-1757603192867.0",
+    "@toptal/picasso-paper": "4.0.4-alpha-1757603192867.0",
+    "@toptal/picasso-shared": "15.0.1-alpha-1757603192867.0",
+    "@toptal/picasso-button": "4.0.24-alpha-1757603192867.0",
+    "@toptal/picasso-icons": "1.12.2-alpha-1757603192867.0",
+    "@toptal/picasso-typography": "4.0.5-alpha-1757603192867.0",
+    "@toptal/picasso-utils": "3.1.1-alpha-1757603192867.0",
+    "@toptal/picasso-modal-context": "1.0.2-alpha-1757603192867.0",
     "debounce": "^1.2.1"
   },
   "sideEffects": [
@@ -39,18 +40,18 @@
     "**/styles.js"
   ],
   "peerDependencies": {
-    "@toptal/picasso-provider": "*",
+    "@toptal/picasso-provider": "5.0.2-alpha-1757603192867.0",
     "react": ">=16.12.0 < 19.0.0",
-    "@toptal/picasso-tailwind": ">=2.5.0",
-    "@toptal/picasso-tailwind-merge": "^2.0.0"
+    "@toptal/picasso-tailwind": "3.0.1-alpha-1757603192867.0",
+    "@toptal/picasso-tailwind-merge": "2.0.4-alpha-1757603192867.0"
   },
   "exports": {
     ".": "./dist-package/src/index.js"
   },
   "devDependencies": {
-    "@toptal/picasso-provider": "5.0.1",
-    "@toptal/picasso-tailwind-merge": "2.0.3",
-    "@toptal/picasso-test-utils": "1.1.1"
+    "@toptal/picasso-provider": "5.0.2-alpha-1757603192867.0",
+    "@toptal/picasso-tailwind-merge": "2.0.4-alpha-1757603192867.0",
+    "@toptal/picasso-test-utils": "1.1.2-alpha-1757603192867.0"
   },
   "files": [
     "dist-package/**",

package/dist-package/src/Modal/Modal.d.ts

@@ -1,41 +0,0 @@
-import type { ReactNode, HTMLAttributes } from 'react';
-import React from 'react';
-import type { BaseProps, SizeType, TransitionProps } from '@toptal/picasso-shared';
-declare type ContainerValue = HTMLElement | (() => HTMLElement);
-declare type Alignment = 'top' | 'centered';
-export interface Props extends BaseProps, HTMLAttributes<HTMLDivElement> {
-    /** Content of Modal component */
-    children: ReactNode;
-    /** Whether modal should be displayed */
-    open: boolean;
-    /** Width of modal */
-    size?: SizeType<'xsmall' | 'small' | 'medium' | 'large' | 'xlarge'> | 'full-screen';
-    /** Callback executed when backdrop was clicked */
-    onBackdropClick?: () => void;
-    /** If `true`, clicking the backdrop will not fire `onClose` or `onBackdropClick` */
-    disableBackdropClick?: boolean;
-    /** Callback executed when attempting to close modal */
-    onClose?: () => void;
-    /** Callback executed when modal is being opened */
-    onOpen?: () => void;
-    /** A node, or a function that returns node. The container will have the portal children appended to it. */
-    container?: ContainerValue;
-    /** If `true`, the backdrop is not rendered */
-    hideBackdrop?: boolean;
-    /** Position of the modal relative to the browser's viewport */
-    align?: Alignment;
-    /** Animation lifecycle callbacks. Backed by [react-transition-group/Transition](https://reactcommunity.org/react-transition-group/transition#Transition-props) */
-    transitionProps?: TransitionProps;
-    transitionDuration?: number;
-    /** used for specifying aria attributes, changing role, or customizing styles */
-    paperProps?: React.HTMLAttributes<HTMLDivElement>;
-    testIds?: {
-        closeButton?: string;
-    };
-    classes?: {
-        closeButton?: string;
-    };
-}
-export declare const Modal: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
-export default Modal;
-//# sourceMappingURL=Modal.d.ts.map

package/dist-package/src/Modal/Modal.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/Modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAEtD,OAAO,KAMN,MAAM,OAAO,CAAA;AACd,OAAO,KAAK,EACV,SAAS,EACT,QAAQ,EACR,eAAe,EAChB,MAAM,wBAAwB,CAAA;AAgB/B,aAAK,cAAc,GAAG,WAAW,GAAG,CAAC,MAAM,WAAW,CAAC,CAAA;AACvD,aAAK,SAAS,GAAG,KAAK,GAAG,UAAU,CAAA;AAEnC,MAAM,WAAW,KAAM,SAAQ,SAAS,EAAE,cAAc,CAAC,cAAc,CAAC;IACtE,iCAAiC;IACjC,QAAQ,EAAE,SAAS,CAAA;IACnB,wCAAwC;IACxC,IAAI,EAAE,OAAO,CAAA;IACb,qBAAqB;IACrB,IAAI,CAAC,EACD,QAAQ,CAAC,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAC,GAC5D,aAAa,CAAA;IACjB,kDAAkD;IAClD,eAAe,CAAC,EAAE,MAAM,IAAI,CAAA;IAC5B,oFAAoF;IACpF,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B,uDAAuD;IACvD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,mDAAmD;IACnD,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,2GAA2G;IAC3G,SAAS,CAAC,EAAE,cAAc,CAAA;IAC1B,8CAA8C;IAC9C,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,+DAA+D;IAC/D,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,kKAAkK;IAClK,eAAe,CAAC,EAAE,eAAe,CAAA;IACjC,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,gFAAgF;IAChF,UAAU,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAA;IACjD,OAAO,CAAC,EAAE;QACR,WAAW,CAAC,EAAE,MAAM,CAAA;KACrB,CAAA;IACD,OAAO,CAAC,EAAE;QACR,WAAW,CAAC,EAAE,MAAM,CAAA;KACrB,CAAA;CACF;AAuDD,eAAO,MAAM,KAAK,8EA2JhB,CAAA;AAYF,eAAe,KAAK,CAAA"}

package/dist-package/src/Modal/Modal.js

@@ -1,139 +0,0 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { Modal as Dialog } from '@mui/base/Modal';
-import React, { forwardRef, useEffect, useRef, useCallback, useContext, } from 'react';
-import { usePicassoRoot, RootContext } from '@toptal/picasso-provider';
-import { CloseMinor16 } from '@toptal/picasso-icons';
-import { useCombinedRefs, ModalManager, usePageScrollLock, } from '@toptal/picasso-utils';
-import { ButtonCircular } from '@toptal/picasso-button';
-import { Fade } from '@toptal/picasso-fade';
-import { Backdrop } from '@toptal/picasso-backdrop';
-import ModalContext from '@toptal/picasso-modal-context';
-import { twMerge } from '@toptal/picasso-tailwind-merge';
-import { ModalPaper } from '../ModalPaper';
-const defaultManager = new ModalManager();
-// https://github.com/udacity/ud891/blob/gh-pages/lesson2-focus/07-modals-and-keyboard-traps/solution/modal.js#L25
-// found in https://developers.google.com/web/fundamentals/accessibility/focus/using-tabindex
-const focusableElementsString = 'a[href], area[href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), button:not([disabled]), iframe, object, embed, [tabindex="0"], [contenteditable]';
-const tooltipContainerString = '[role=tooltip]';
-const focusFirstFocusableElement = (node) => {
-    const elements = node.querySelectorAll(focusableElementsString);
-    // Convert NodeList to Array
-    const focusableElements = Array.prototype.slice.call(elements);
-    if (focusableElements.length > 0) {
-        focusableElements[0].focus();
-    }
-};
-const isFocusInsideModal = (modalNode) => {
-    const modalContainsFocusedElement = modalNode.contains(document.activeElement);
-    if (modalContainsFocusedElement) {
-        return true;
-    }
-    return false;
-};
-const isFocusInsideTooltip = () => {
-    const tooltipContainers = document.querySelectorAll(tooltipContainerString);
-    if (tooltipContainers.length === 0) {
-        return false;
-    }
-    const tooltipContainsFocusedElement = Array.from(tooltipContainers).some(container => container.contains(document.activeElement));
-    if (tooltipContainsFocusedElement) {
-        return true;
-    }
-    return false;
-};
-const generateKey = (() => {
-    let count = 0;
-    return () => ++count;
-})();
-// eslint-disable-next-line react/display-name
-export const Modal = forwardRef(function Modal(props, ref) {
-    const { children, open, size = 'medium', onBackdropClick, onClose, onOpen, className, style, container, hideBackdrop = false, transitionDuration = 300, paperProps, align = 'centered', testIds, transitionProps, disableBackdropClick = false, classes } = props, rest = __rest(props, ["children", "open", "size", "onBackdropClick", "onClose", "onOpen", "className", "style", "container", "hideBackdrop", "transitionDuration", "paperProps", "align", "testIds", "transitionProps", "disableBackdropClick", "classes"]);
-    const picassoRootContainer = usePicassoRoot();
-    const modalRef = useCombinedRefs(ref, useRef(null));
-    const modalId = useRef(generateKey());
-    const { rootRef } = useContext(RootContext);
-    useEffect(() => {
-        const handleDocumentFocus = () => {
-            if (!(rootRef === null || rootRef === void 0 ? void 0 : rootRef.current)) {
-                console.warn('Modal is not rendered inside PicassoRoot, some things might not work as expected. Please open the Modal on mount using useEffect.');
-            }
-            if (!defaultManager.isTopModal(modalId.current)) {
-                return;
-            }
-            if (!modalRef || !modalRef.current) {
-                return;
-            }
-            if (isFocusInsideModal(modalRef.current)) {
-                return;
-            }
-            if (isFocusInsideTooltip()) {
-                return;
-            }
-            focusFirstFocusableElement(modalRef.current);
-        };
-        if (!open) {
-            return;
-        }
-        document.addEventListener('focus', handleDocumentFocus, true);
-        return () => {
-            document.removeEventListener('focus', handleDocumentFocus, true);
-        };
-    }, [open, modalRef, rootRef]);
-    useEffect(() => {
-        const currentModalId = modalId.current;
-        if (open) {
-            defaultManager.add(currentModalId);
-        }
-        return () => {
-            defaultManager.remove(currentModalId);
-        };
-    }, [open]);
-    usePageScrollLock(open);
-    const handleClose = useCallback((_event, reason) => {
-        if (reason === 'escapeKeyDown' && onClose) {
-            onClose();
-        }
-        else if (reason === 'backdropClick' && !disableBackdropClick) {
-            if (onBackdropClick) {
-                onBackdropClick();
-            }
-            if (onClose) {
-                onClose();
-            }
-        }
-    }, [disableBackdropClick, onBackdropClick, onClose]);
-    const duration = (transitionProps === null || transitionProps === void 0 ? void 0 : transitionProps.timeout) || transitionDuration;
-    const backdropProps = { transitionDuration: duration };
-    return (React.createElement(Dialog, Object.assign({}, rest, { ref: modalRef, className: twMerge(className, 'fixed z-modal inset-0 flex flex-col text-lg leading-[normal] justify-center items-center'), style: style, slots: {
-            backdrop: Backdrop,
-        }, closeAfterTransition: true, slotProps: {
-            backdrop: backdropProps,
-        }, container: container || picassoRootContainer, hideBackdrop: hideBackdrop, onClose: handleClose, open: open, disableEnforceFocus // we need our own mechanism to keep focus inside the Modals
-        : true, disableScrollLock: true }),
-        React.createElement(Fade, { in: open, onEnter: onOpen, onExited: transitionProps === null || transitionProps === void 0 ? void 0 : transitionProps.onExited, timeout: transitionDuration },
-            React.createElement(ModalPaper, Object.assign({ size: size, align: align, tabIndex: -1 }, paperProps),
-                React.createElement(ModalContext.Provider, { value: true },
-                    children,
-                    onClose && (React.createElement(ButtonCircular, { "aria-label": 'Close', variant: 'flat', className: twMerge('absolute top-8 right-8', classes === null || classes === void 0 ? void 0 : classes.closeButton), onClick: onClose, "data-testid": testIds === null || testIds === void 0 ? void 0 : testIds.closeButton },
-                        React.createElement(CloseMinor16, null))))))));
-});
-Modal.defaultProps = {
-    hideBackdrop: false,
-    disableBackdropClick: false,
-    size: 'medium',
-    transitionDuration: 300,
-    align: 'centered',
-};
-Modal.displayName = 'Modal';
-export default Modal;
-//# sourceMappingURL=Modal.js.map

package/dist-package/src/Modal/Modal.js.map

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

package/dist-package/src/Modal/index.d.ts

@@ -1,7 +0,0 @@
-import type { OmitInternalProps } from '@toptal/picasso-shared';
-import type { Props } from './Modal';
-export { default as Modal } from './Modal';
-export { default as ModalContext } from '@toptal/picasso-modal-context';
-export declare type ModalProps = OmitInternalProps<Props>;
-export * from './Modal';
-//# sourceMappingURL=index.d.ts.map

package/dist-package/src/Modal/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Modal/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAA;AAE/D,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAEpC,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAA;AAC1C,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,+BAA+B,CAAA;AACvE,oBAAY,UAAU,GAAG,iBAAiB,CAAC,KAAK,CAAC,CAAA;AACjD,cAAc,SAAS,CAAA"}

package/dist-package/src/Modal/index.js

@@ -1,4 +0,0 @@
-export { default as Modal } from './Modal';
-export { default as ModalContext } from '@toptal/picasso-modal-context';
-export * from './Modal';
-//# sourceMappingURL=index.js.map

package/dist-package/src/Modal/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Modal/index.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAA;AAC1C,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,+BAA+B,CAAA;AAEvE,cAAc,SAAS,CAAA"}

package/dist-package/src/ModalActions/ModalActions.d.ts

@@ -1,10 +0,0 @@
-import type { ReactNode, HTMLAttributes } from 'react';
-import React from 'react';
-import type { BaseProps } from '@toptal/picasso-shared';
-export interface Props extends BaseProps, HTMLAttributes<HTMLDivElement> {
-    /** Action content (e.g. Buttons) */
-    children: ReactNode;
-}
-export declare const ModalActions: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
-export default ModalActions;
-//# sourceMappingURL=ModalActions.d.ts.map

package/dist-package/src/ModalActions/ModalActions.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ModalActions.d.ts","sourceRoot":"","sources":["../../../src/ModalActions/ModalActions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AACtD,OAAO,KAAqB,MAAM,OAAO,CAAA;AACzC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAGvD,MAAM,WAAW,KAAM,SAAQ,SAAS,EAAE,cAAc,CAAC,cAAc,CAAC;IACtE,oCAAoC;IACpC,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,eAAO,MAAM,YAAY,8EAexB,CAAA;AAID,eAAe,YAAY,CAAA"}

package/dist-package/src/ModalActions/ModalActions.js

@@ -1,20 +0,0 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import React, { forwardRef } from 'react';
-import { twMerge } from '@toptal/picasso-tailwind-merge';
-export const ModalActions = forwardRef(function ModalActions(props, ref) {
-    const { children, className, style } = props, rest = __rest(props, ["children", "className", "style"]);
-    return (React.createElement("div", Object.assign({}, rest, { ref: ref, className: twMerge('mt-0 mx-8 mb-8 text-right', className), style: style }), children));
-});
-ModalActions.displayName = 'ModalActions';
-export default ModalActions;
-//# sourceMappingURL=ModalActions.js.map

package/dist-package/src/ModalActions/ModalActions.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ModalActions.js","sourceRoot":"","sources":["../../../src/ModalActions/ModalActions.tsx"],"names":[],"mappings":";;;;;;;;;;;AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAA;AAOxD,MAAM,CAAC,MAAM,YAAY,GAAG,UAAU,CACpC,SAAS,YAAY,CAAC,KAAK,EAAE,GAAG;IAC9B,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAA/C,kCAAuC,CAAQ,CAAA;IAErD,OAAO,CACL,6CACM,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,OAAO,CAAC,2BAA2B,EAAE,SAAS,CAAC,EAC1D,KAAK,EAAE,KAAK,KAEX,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CACF,CAAA;AAED,YAAY,CAAC,WAAW,GAAG,cAAc,CAAA;AAEzC,eAAe,YAAY,CAAA"}

package/dist-package/src/ModalActions/index.d.ts

@@ -1,5 +0,0 @@
-import type { OmitInternalProps } from '@toptal/picasso-shared';
-import type { Props } from './ModalActions';
-export { default as ModalActions } from './ModalActions';
-export declare type ModalActionsProps = OmitInternalProps<Props>;
-//# sourceMappingURL=index.d.ts.map

package/dist-package/src/ModalActions/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ModalActions/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAA;AAE/D,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAA;AAE3C,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAA;AACxD,oBAAY,iBAAiB,GAAG,iBAAiB,CAAC,KAAK,CAAC,CAAA"}

package/dist-package/src/ModalActions/index.js

@@ -1,2 +0,0 @@
-export { default as ModalActions } from './ModalActions';
-//# sourceMappingURL=index.js.map

package/dist-package/src/ModalActions/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ModalActions/index.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAA"}

package/dist-package/src/ModalCompound/index.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-export declare const ModalCompound: import("react").ForwardRefExoticComponent<import("../Modal").Props & import("react").RefAttributes<HTMLDivElement>> & {
-    Content: import("react").ForwardRefExoticComponent<import("../ModalContent/ModalContent").Props & import("react").RefAttributes<HTMLDivElement>>;
-    Actions: import("react").ForwardRefExoticComponent<import("../ModalActions/ModalActions").Props & import("react").RefAttributes<HTMLDivElement>>;
-    Title: import("react").ForwardRefExoticComponent<import("../ModalTitle/ModalTitle").Props & import("react").RefAttributes<HTMLDivElement>>;
-};
-//# sourceMappingURL=index.d.ts.map

package/dist-package/src/ModalCompound/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ModalCompound/index.ts"],"names":[],"mappings":";AAKA,eAAO,MAAM,aAAa;;;;CAIxB,CAAA"}

package/dist-package/src/ModalCompound/index.js

@@ -1,10 +0,0 @@
-import { Modal } from '../Modal';
-import { ModalActions } from '../ModalActions';
-import { ModalContent } from '../ModalContent';
-import { ModalTitle } from '../ModalTitle';
-export const ModalCompound = Object.assign(Modal, {
-    Content: ModalContent,
-    Actions: ModalActions,
-    Title: ModalTitle,
-});
-//# sourceMappingURL=index.js.map

package/dist-package/src/ModalCompound/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ModalCompound/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAChC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAE1C,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,MAAM,CAAC,KAAK,EAAE;IAChD,OAAO,EAAE,YAAY;IACrB,OAAO,EAAE,YAAY;IACrB,KAAK,EAAE,UAAU;CAClB,CAAC,CAAA"}

package/dist-package/src/ModalContent/ModalContent.d.ts

@@ -1,15 +0,0 @@
-import type { ReactNode, HTMLAttributes } from 'react';
-import React from 'react';
-import type { BaseProps } from '@toptal/picasso-shared';
-export interface Props extends BaseProps, HTMLAttributes<HTMLDivElement> {
-    /** Content of Modal */
-    children: ReactNode;
-    classes?: {
-        root?: string;
-        topShade?: string;
-        bottomShade?: string;
-    };
-}
-export declare const ModalContent: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
-export default ModalContent;
-//# sourceMappingURL=ModalContent.d.ts.map

package/dist-package/src/ModalContent/ModalContent.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ModalContent.d.ts","sourceRoot":"","sources":["../../../src/ModalContent/ModalContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AACtD,OAAO,KAAqB,MAAM,OAAO,CAAA;AACzC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAMvD,MAAM,WAAW,KAAM,SAAQ,SAAS,EAAE,cAAc,CAAC,cAAc,CAAC;IACtE,uBAAuB;IACvB,QAAQ,EAAE,SAAS,CAAA;IACnB,OAAO,CAAC,EAAE;QAAE,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,WAAW,CAAC,EAAE,MAAM,CAAA;KAAE,CAAA;CACrE;AACD,eAAO,MAAM,YAAY,8EA0DxB,CAAA;AAID,eAAe,YAAY,CAAA"}

package/dist-package/src/ModalContent/ModalContent.js

@@ -1,38 +0,0 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import React, { forwardRef } from 'react';
-import { useCombinedRefs } from '@toptal/picasso-utils';
-import { twMerge } from '@toptal/picasso-tailwind-merge';
-import useScrollableShades from './hooks/use-scrollable-shades';
-export const ModalContent = forwardRef(function ModalContent(props, ref) {
-    const { children, className, style, classes } = props, rest = __rest(props
-    /**
-     * This is necessary to ensure if ref is not passed in, there's still a ref to calculate
-     * when to show the scrollable shades or not.
-     */
-    , ["children", "className", "style", "classes"]);
-    /**
-     * This is necessary to ensure if ref is not passed in, there's still a ref to calculate
-     * when to show the scrollable shades or not.
-     */
-    const modalContentRef = useCombinedRefs(ref);
-    const { top, bottom } = useScrollableShades(modalContentRef);
-    const shadeClasses = 'z-[1] absolute pointer-events-none right-8 left-8 h-[112px]';
-    const gradientClasses = 'from-white to-transparent to-100% from-0% via-[2rem] via-white';
-    return (React.createElement("div", { className: twMerge('flex relative flex-auto overflow-y-hidden', classes === null || classes === void 0 ? void 0 : classes.root) },
-        top && (React.createElement("div", { className: twMerge(shadeClasses, gradientClasses, classes === null || classes === void 0 ? void 0 : classes.topShade, 'top-0 bg-gradient-to-b') })),
-        bottom && (React.createElement("div", { className: twMerge(shadeClasses, gradientClasses, classes === null || classes === void 0 ? void 0 : classes.bottomShade, 'bottom-0 bg-gradient-to-t') })),
-        React.createElement("div", Object.assign({}, rest, { style: style, ref: modalContentRef, className: twMerge('pt-6 px-8 pb-8 overflow-auto flex-auto', className) }), children)));
-});
-ModalContent.displayName = 'ModalContent';
-export default ModalContent;
-//# sourceMappingURL=ModalContent.js.map

package/dist-package/src/ModalContent/ModalContent.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ModalContent.js","sourceRoot":"","sources":["../../../src/ModalContent/ModalContent.tsx"],"names":[],"mappings":";;;;;;;;;;;AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAA;AACvD,OAAO,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAA;AAExD,OAAO,mBAAmB,MAAM,+BAA+B,CAAA;AAO/D,MAAM,CAAC,MAAM,YAAY,GAAG,UAAU,CACpC,SAAS,YAAY,CAAC,KAAK,EAAE,GAAG;IAC9B,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK;IAE9D;;;OAGG;MALG,6CAAgD,CAAQ,CAAA;IAE9D;;;OAGG;IACH,MAAM,eAAe,GAAG,eAAe,CAAiB,GAAG,CAAC,CAAA;IAE5D,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,mBAAmB,CAAC,eAAe,CAAC,CAAA;IAE5D,MAAM,YAAY,GAChB,6DAA6D,CAAA;IAC/D,MAAM,eAAe,GACnB,gEAAgE,CAAA;IAElE,OAAO,CACL,6BACE,SAAS,EAAE,OAAO,CAChB,2CAA2C,EAC3C,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,CACd;QAEA,GAAG,IAAI,CACN,6BACE,SAAS,EAAE,OAAO,CAChB,YAAY,EACZ,eAAe,EACf,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,QAAQ,EACjB,wBAAwB,CACzB,GACD,CACH;QACA,MAAM,IAAI,CACT,6BACE,SAAS,EAAE,OAAO,CAChB,YAAY,EACZ,eAAe,EACf,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,WAAW,EACpB,2BAA2B,CAC5B,GACD,CACH;QACD,6CACM,IAAI,IACR,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,eAAe,EACpB,SAAS,EAAE,OAAO,CAChB,wCAAwC,EACxC,SAAS,CACV,KAEA,QAAQ,CACL,CACF,CACP,CAAA;AACH,CAAC,CACF,CAAA;AAED,YAAY,CAAC,WAAW,GAAG,cAAc,CAAA;AAEzC,eAAe,YAAY,CAAA"}

package/dist-package/src/ModalContent/hooks/use-scrollable-shades.d.ts

@@ -1,6 +0,0 @@
-declare const useScrollableShades: (ref: React.RefObject<HTMLDivElement>) => {
-    top: boolean;
-    bottom: boolean;
-};
-export default useScrollableShades;
-//# sourceMappingURL=use-scrollable-shades.d.ts.map

package/dist-package/src/ModalContent/hooks/use-scrollable-shades.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-scrollable-shades.d.ts","sourceRoot":"","sources":["../../../../src/ModalContent/hooks/use-scrollable-shades.ts"],"names":[],"mappings":"AAGA,QAAA,MAAM,mBAAmB,QAAS,MAAM,SAAS,CAAC,cAAc,CAAC;;;CAsChE,CAAA;AAED,eAAe,mBAAmB,CAAA"}

package/dist-package/src/ModalContent/hooks/use-scrollable-shades.js

@@ -1,34 +0,0 @@
-import { useEffect, useState } from 'react';
-import debounce from 'debounce';
-const useScrollableShades = (ref) => {
-    const [top, setTop] = useState(false);
-    const [bottom, setBottom] = useState(false);
-    useEffect(() => {
-        const el = ref.current;
-        if (!el) {
-            return;
-        }
-        const updateShades = debounce(() => {
-            if (el.clientHeight === el.scrollHeight) {
-                setTop(false);
-                setBottom(false);
-            }
-            setTop(el.scrollTop > 0);
-            setBottom(Math.ceil(el.scrollTop) + el.clientHeight < el.scrollHeight);
-        }, 20);
-        updateShades();
-        el.addEventListener('scroll', updateShades);
-        window.addEventListener('resize', updateShades);
-        const observer = new MutationObserver(updateShades);
-        observer.observe(el, { childList: true, subtree: true });
-        return () => {
-            updateShades.clear();
-            el.removeEventListener('scroll', updateShades);
-            window.addEventListener('resize', updateShades);
-            observer.disconnect();
-        };
-    }, [ref]);
-    return { top, bottom };
-};
-export default useScrollableShades;
-//# sourceMappingURL=use-scrollable-shades.js.map

package/dist-package/src/ModalContent/hooks/use-scrollable-shades.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-scrollable-shades.js","sourceRoot":"","sources":["../../../../src/ModalContent/hooks/use-scrollable-shades.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC3C,OAAO,QAAQ,MAAM,UAAU,CAAA;AAE/B,MAAM,mBAAmB,GAAG,CAAC,GAAoC,EAAE,EAAE;IACnE,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IACrC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAE3C,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,EAAE,GAAG,GAAG,CAAC,OAAO,CAAA;QAEtB,IAAI,CAAC,EAAE,EAAE;YACP,OAAM;SACP;QAED,MAAM,YAAY,GAAG,QAAQ,CAAC,GAAG,EAAE;YACjC,IAAI,EAAE,CAAC,YAAY,KAAK,EAAE,CAAC,YAAY,EAAE;gBACvC,MAAM,CAAC,KAAK,CAAC,CAAA;gBACb,SAAS,CAAC,KAAK,CAAC,CAAA;aACjB;YAED,MAAM,CAAC,EAAE,CAAC,SAAS,GAAG,CAAC,CAAC,CAAA;YACxB,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC,YAAY,GAAG,EAAE,CAAC,YAAY,CAAC,CAAA;QACxE,CAAC,EAAE,EAAE,CAAC,CAAA;QAEN,YAAY,EAAE,CAAA;QAEd,EAAE,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAA;QAC3C,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAA;QAC/C,MAAM,QAAQ,GAAG,IAAI,gBAAgB,CAAC,YAAY,CAAC,CAAA;QAEnD,QAAQ,CAAC,OAAO,CAAC,EAAE,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAA;QAExD,OAAO,GAAG,EAAE;YACV,YAAY,CAAC,KAAK,EAAE,CAAA;YACpB,EAAE,CAAC,mBAAmB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAA;YAC9C,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAA;YAC/C,QAAQ,CAAC,UAAU,EAAE,CAAA;QACvB,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAA;IAET,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,CAAA;AACxB,CAAC,CAAA;AAED,eAAe,mBAAmB,CAAA"}

package/dist-package/src/ModalContent/index.d.ts

@@ -1,5 +0,0 @@
-import type { OmitInternalProps } from '@toptal/picasso-shared';
-import type { Props } from './ModalContent';
-export { default as ModalContent } from './ModalContent';
-export declare type ModalContentProps = OmitInternalProps<Props>;
-//# sourceMappingURL=index.d.ts.map

package/dist-package/src/ModalContent/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ModalContent/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAA;AAE/D,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAA;AAE3C,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAA;AACxD,oBAAY,iBAAiB,GAAG,iBAAiB,CAAC,KAAK,CAAC,CAAA"}

package/dist-package/src/ModalContent/index.js

@@ -1,2 +0,0 @@
-export { default as ModalContent } from './ModalContent';
-//# sourceMappingURL=index.js.map

package/dist-package/src/ModalContent/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ModalContent/index.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAA"}

package/dist-package/src/ModalPaper/ModalPaper.d.ts

@@ -1,13 +0,0 @@
-import React from 'react';
-import type { SizeType } from '@toptal/picasso-shared';
-declare type PaperSize = SizeType<'xsmall' | 'small' | 'medium' | 'large' | 'xlarge'> | 'full-screen';
-declare type Alignment = 'top' | 'centered';
-interface Props extends React.HTMLAttributes<HTMLDivElement> {
-    align: Alignment;
-    children: React.ReactNode;
-    /** Width of modal */
-    size: PaperSize;
-}
-export declare const ModalPaper: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
-export default ModalPaper;
-//# sourceMappingURL=ModalPaper.d.ts.map

package/dist-package/src/ModalPaper/ModalPaper.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ModalPaper.d.ts","sourceRoot":"","sources":["../../../src/ModalPaper/ModalPaper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAA;AAItD,aAAK,SAAS,GACV,QAAQ,CAAC,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAC,GAC5D,aAAa,CAAA;AACjB,aAAK,SAAS,GAAG,KAAK,GAAG,UAAU,CAAA;AAEnC,UAAU,KAAM,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC1D,KAAK,EAAE,SAAS,CAAA;IAChB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,qBAAqB;IACrB,IAAI,EAAE,SAAS,CAAA;CAChB;AA+BD,eAAO,MAAM,UAAU,8EAqBtB,CAAA;AAED,eAAe,UAAU,CAAA"}

package/dist-package/src/ModalPaper/ModalPaper.js

@@ -1,43 +0,0 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import React from 'react';
-import { Paper } from '@toptal/picasso-paper';
-import { twMerge } from '@toptal/picasso-tailwind-merge';
-const fullscreenClasses = `h-full w-full max-h-full max-w-full`;
-const defaultClasses = `m-4 sm:h-auto sm:m-8 max-w-[calc(100%_-_2rem)] sm:max-w-[calc(100%_-_6rem)] rounded-md`;
-const sizeBasedClasses = {
-    xsmall: `${defaultClasses} w-[20.5rem]`,
-    small: `${defaultClasses} w-[32.5rem]`,
-    medium: `${defaultClasses} w-[40.625rem]`,
-    large: `${defaultClasses} w-[50rem]`,
-    xlarge: `${defaultClasses} w-[75rem]`,
-    'full-screen': fullscreenClasses,
-};
-const alignBasedClasses = {
-    centered: 'relative',
-    top: 'absolute top-0',
-};
-const getMaxHeightClass = (size, align) => {
-    if (size === 'full-screen') {
-        return 'max-h-full';
-    }
-    if (align === 'top') {
-        return `max-h-[calc(100%_-_2rem)] sm:max-h-[calc(100%_-_4rem)]`;
-    }
-    return `max-h-[calc(100%_-_2rem)] sm:max-h-[calc(100%_-_6rem)]`;
-};
-export const ModalPaper = React.forwardRef(function ModalPaper(_a, ref) {
-    var { children, size, align, className } = _a, props = __rest(_a, ["children", "size", "align", "className"]);
-    return (React.createElement(Paper, Object.assign({ ref: ref, role: 'dialog', elevation: 2, className: twMerge(className, 'outline-none overflow-y-auto', 'flex flex-col', sizeBasedClasses[size], alignBasedClasses[align], getMaxHeightClass(size, align)) }, props), children));
-});
-export default ModalPaper;
-//# sourceMappingURL=ModalPaper.js.map

package/dist-package/src/ModalPaper/ModalPaper.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ModalPaper.js","sourceRoot":"","sources":["../../../src/ModalPaper/ModalPaper.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAA;AAC7C,OAAO,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAA;AAcxD,MAAM,iBAAiB,GAAG,qCAAqC,CAAA;AAC/D,MAAM,cAAc,GAAG,wFAAwF,CAAA;AAE/G,MAAM,gBAAgB,GAAG;IACvB,MAAM,EAAE,GAAG,cAAc,cAAc;IACvC,KAAK,EAAE,GAAG,cAAc,cAAc;IACtC,MAAM,EAAE,GAAG,cAAc,gBAAgB;IACzC,KAAK,EAAE,GAAG,cAAc,YAAY;IACpC,MAAM,EAAE,GAAG,cAAc,YAAY;IACrC,aAAa,EAAE,iBAAiB;CACjC,CAAA;AAED,MAAM,iBAAiB,GAAG;IACxB,QAAQ,EAAE,UAAU;IACpB,GAAG,EAAE,gBAAgB;CACtB,CAAA;AAED,MAAM,iBAAiB,GAAG,CAAC,IAAe,EAAE,KAAgB,EAAE,EAAE;IAC9D,IAAI,IAAI,KAAK,aAAa,EAAE;QAC1B,OAAO,YAAY,CAAA;KACpB;IAED,IAAI,KAAK,KAAK,KAAK,EAAE;QACnB,OAAO,wDAAwD,CAAA;KAChE;IAED,OAAO,wDAAwD,CAAA;AACjE,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CACxC,SAAS,UAAU,CAAC,EAA8C,EAAE,GAAG;QAAnD,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,OAAY,EAAP,KAAK,cAA5C,0CAA8C,CAAF;IAC9D,OAAO,CACL,oBAAC,KAAK,kBACJ,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,CAAC,EACZ,SAAS,EAAE,OAAO,CAChB,SAAS,EACT,8BAA8B,EAC9B,eAAe,EACf,gBAAgB,CAAC,IAAI,CAAC,EACtB,iBAAiB,CAAC,KAAK,CAAC,EACxB,iBAAiB,CAAC,IAAI,EAAE,KAAK,CAAC,CAC/B,IACG,KAAK,GAER,QAAQ,CACH,CACT,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,UAAU,CAAA"}

package/dist-package/src/ModalPaper/index.d.ts

@@ -1,2 +0,0 @@
-export { ModalPaper } from './ModalPaper';
-//# sourceMappingURL=index.d.ts.map

package/dist-package/src/ModalPaper/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ModalPaper/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA"}

package/dist-package/src/ModalPaper/index.js

@@ -1,2 +0,0 @@
-export { ModalPaper } from './ModalPaper';
-//# sourceMappingURL=index.js.map

package/dist-package/src/ModalPaper/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ModalPaper/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA"}

package/dist-package/src/ModalTitle/ModalTitle.d.ts

@@ -1,10 +0,0 @@
-import type { ReactNode, HTMLAttributes } from 'react';
-import React from 'react';
-import type { BaseProps } from '@toptal/picasso-shared';
-export interface Props extends BaseProps, HTMLAttributes<HTMLDivElement> {
-    /** Title content */
-    children: ReactNode;
-}
-export declare const ModalTitle: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
-export default ModalTitle;
-//# sourceMappingURL=ModalTitle.d.ts.map

package/dist-package/src/ModalTitle/ModalTitle.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ModalTitle.d.ts","sourceRoot":"","sources":["../../../src/ModalTitle/ModalTitle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AACtD,OAAO,KAAqB,MAAM,OAAO,CAAA;AACzC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAGvD,MAAM,WAAW,KAAM,SAAQ,SAAS,EAAE,cAAc,CAAC,cAAc,CAAC;IACtE,oBAAoB;IACpB,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,eAAO,MAAM,UAAU,8EAkBrB,CAAA;AAIF,eAAe,UAAU,CAAA"}

package/dist-package/src/ModalTitle/ModalTitle.js

@@ -1,22 +0,0 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import React, { forwardRef } from 'react';
-import { Typography } from '@toptal/picasso-typography';
-import { twMerge } from '@toptal/picasso-tailwind-merge';
-export const ModalTitle = forwardRef(function ModalTitle(props, ref) {
-    const { children, className, style } = props, rest = __rest(props, ["children", "className", "style"]);
-    return (React.createElement("div", Object.assign({}, rest, { ref: ref, className: twMerge('pr-6 mt-8 mx-8 mb-0', className), style: style }),
-        React.createElement(Typography, { variant: 'heading', size: 'large' }, children)));
-});
-ModalTitle.displayName = 'ModalTitle';
-export default ModalTitle;
-//# sourceMappingURL=ModalTitle.js.map

package/dist-package/src/ModalTitle/ModalTitle.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ModalTitle.js","sourceRoot":"","sources":["../../../src/ModalTitle/ModalTitle.tsx"],"names":[],"mappings":";;;;;;;;;;;AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAA;AACvD,OAAO,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAA;AAMxD,MAAM,CAAC,MAAM,UAAU,GAAG,UAAU,CAAwB,SAAS,UAAU,CAC7E,KAAK,EACL,GAAG;IAEH,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAA/C,kCAAuC,CAAQ,CAAA;IAErD,OAAO,CACL,6CACM,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,OAAO,CAAC,qBAAqB,EAAE,SAAS,CAAC,EACpD,KAAK,EAAE,KAAK;QAEZ,oBAAC,UAAU,IAAC,OAAO,EAAC,SAAS,EAAC,IAAI,EAAC,OAAO,IACvC,QAAQ,CACE,CACT,CACP,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,UAAU,CAAC,WAAW,GAAG,YAAY,CAAA;AAErC,eAAe,UAAU,CAAA"}

package/dist-package/src/ModalTitle/index.d.ts

@@ -1,5 +0,0 @@
-import type { OmitInternalProps } from '@toptal/picasso-shared';
-import type { Props } from './ModalTitle';
-export { default as ModalTitle } from './ModalTitle';
-export declare type ModalTitleProps = OmitInternalProps<Props>;
-//# sourceMappingURL=index.d.ts.map

package/dist-package/src/ModalTitle/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ModalTitle/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAA;AAE/D,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,cAAc,CAAA;AAEzC,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAA;AACpD,oBAAY,eAAe,GAAG,iBAAiB,CAAC,KAAK,CAAC,CAAA"}

package/dist-package/src/ModalTitle/index.js

@@ -1,2 +0,0 @@
-export { default as ModalTitle } from './ModalTitle';
-//# sourceMappingURL=index.js.map

package/dist-package/src/ModalTitle/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ModalTitle/index.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAA"}

package/dist-package/src/index.d.ts

@@ -1,6 +0,0 @@
-export * from './Modal';
-export * from './ModalCompound';
-export * from './ModalActions';
-export * from './ModalContent';
-export * from './ModalTitle';
-//# sourceMappingURL=index.d.ts.map

package/dist-package/src/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA;AACvB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,cAAc,CAAA"}

package/dist-package/src/index.js

@@ -1,6 +0,0 @@
-export * from './Modal';
-export * from './ModalCompound';
-export * from './ModalActions';
-export * from './ModalContent';
-export * from './ModalTitle';
-//# sourceMappingURL=index.js.map

package/dist-package/src/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA;AACvB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,cAAc,CAAA"}