infinity-forge 6.6.3 → 6.6.5

package/dist/ui/components/index.d.ts

@@ -1,15 +1,17 @@
 export * from './pix/index.js';
 export * from './site/index.js';
+export * from './portal/index.js';
 export * from './form/index.js';
 export * from './video/index.js';
 export * from './modal/index.js';
+export * from './overlay/index.js';
 export * from './button/index.js';
 export * from './tooltip/index.js';
+export * from './warning/index.js';
 export * from './sidebar/index.js';
 export * from './carousel/index.js';
 export * from './skeleton/index.js';
 export * from './drop-down/index.js';
-export * from './warning/index.js';
 export * from './container/index.js';
 export * from './accordion/index.js';
 export * from './next-image/index.js';

package/dist/ui/components/index.js

@@ -16,16 +16,18 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./pix/index.js"), exports);
 __exportStar(require("./site/index.js"), exports);
+__exportStar(require("./portal/index.js"), exports);
 __exportStar(require("./form/index.js"), exports);
 __exportStar(require("./video/index.js"), exports);
 __exportStar(require("./modal/index.js"), exports);
+__exportStar(require("./overlay/index.js"), exports);
 __exportStar(require("./button/index.js"), exports);
 __exportStar(require("./tooltip/index.js"), exports);
+__exportStar(require("./warning/index.js"), exports);
 __exportStar(require("./sidebar/index.js"), exports);
 __exportStar(require("./carousel/index.js"), exports);
 __exportStar(require("./skeleton/index.js"), exports);
 __exportStar(require("./drop-down/index.js"), exports);
-__exportStar(require("./warning/index.js"), exports);
 __exportStar(require("./container/index.js"), exports);
 __exportStar(require("./accordion/index.js"), exports);
 __exportStar(require("./next-image/index.js"), exports);

package/dist/ui/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/components/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,wCAAqB;AACrB,yCAAsB;AACtB,yCAAsB;AACtB,0CAAuB;AACvB,0CAAuB;AACvB,2CAAwB;AACxB,4CAAyB;AACzB,4CAAyB;AACzB,6CAA0B;AAC1B,6CAA0B;AAC1B,8CAA2B;AAC3B,4CAAyB;AACzB,8CAA2B;AAC3B,8CAA2B;AAC3B,+CAA4B;AAC5B,+CAA4B;AAC5B,+CAA4B;AAC5B,gDAA6B;AAC7B,kDAA+B;AAC/B,mDAAgC;AAChC,mDAAgC;AAChC,mDAAgC;AAChC,0DAAuC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/components/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,wCAAqB;AACrB,yCAAsB;AACtB,2CAAwB;AACxB,yCAAsB;AACtB,0CAAuB;AACvB,0CAAuB;AACvB,4CAAyB;AACzB,2CAAwB;AACxB,4CAAyB;AACzB,4CAAyB;AACzB,4CAAyB;AACzB,6CAA0B;AAC1B,6CAA0B;AAC1B,8CAA2B;AAC3B,8CAA2B;AAC3B,8CAA2B;AAC3B,+CAA4B;AAC5B,+CAA4B;AAC5B,+CAA4B;AAC5B,gDAA6B;AAC7B,kDAA+B;AAC/B,mDAAgC;AAChC,mDAAgC;AAChC,mDAAgC;AAChC,0DAAuC"}

package/dist/ui/components/modal/component.d.ts

@@ -1,2 +1,2 @@
 import { ModalProps } from './interfaces.js';
-export declare const Modal: import("react").ForwardRefExoticComponent<ModalProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare function Modal({ open, onClose, title, children, actions, message, confirmText, onConfirm, cancelText, onCancel, styles, hideCloseButton, stylesContent, }: ModalProps): import("react/jsx-runtime").JSX.Element;

package/dist/ui/components/modal/component.js

@@ -1,15 +1,4 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -43,44 +32,25 @@ var __importStar = (this && this.__importStar) || (function () {
         return result;
     };
 })();
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Modal = void 0;
+exports.Modal = Modal;
 var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var react_dom_1 = __importDefault(require("react-dom"));
-var ui_1 = require("../../../ui/index.js");
+var overlay_1 = require("../overlay/index.js");
+var icons_1 = require("../../../ui/icons/index.js");
+var hooks_1 = require("../../../ui/hooks/index.js");
 var S = __importStar(require("./styles.js"));
-exports.Modal = (0, react_1.forwardRef)(function (_a, _) {
-    var open = _a.open, styles = _a.styles, stylesContent = _a.stylesContent, onClose = _a.onClose, actions = _a.actions, children = _a.children, hideCloseButton = _a.hideCloseButton, _b = _a.closePortalOnCloseModal, closePortalOnCloseModal = _b === void 0 ? true : _b;
-    var _c = (0, react_1.useState)(false), showPortal = _c[0], setShowPortal = _c[1];
-    var refContainer = (0, react_1.useRef)(null);
-    (0, ui_1.disableScroll)(open);
-    (0, react_1.useEffect)(function () {
-        if (open && !showPortal) {
-            setShowPortal(true);
-            if (refContainer.current && !document.body.contains(refContainer.current)) {
-                document.body.appendChild(refContainer.current);
-            }
-        }
-        if (!open && showPortal) {
-            setShowPortal(false);
-            if (refContainer.current && document.body.contains(refContainer.current)) {
-                document.body.removeChild(refContainer.current);
-            }
-        }
-    }, [open]);
-    function closeModal() {
-        closePortalOnCloseModal && setShowPortal(false);
-        onClose(setShowPortal);
+function Modal(_a) {
+    var open = _a.open, onClose = _a.onClose, title = _a.title, children = _a.children, actions = _a.actions, message = _a.message, _b = _a.confirmText, confirmText = _b === void 0 ? 'Confirmar' : _b, onConfirm = _a.onConfirm, _c = _a.cancelText, cancelText = _c === void 0 ? 'Cancelar' : _c, onCancel = _a.onCancel, styles = _a.styles, hideCloseButton = _a.hideCloseButton, stylesContent = _a.stylesContent;
+    var shouldRender = (0, hooks_1.useMountTransition)(open, 300);
+    function handleConfirm() {
+        onConfirm === null || onConfirm === void 0 ? void 0 : onConfirm();
     }
-    if (refContainer.current === null && process.browser) {
-        refContainer.current = document.createElement('div');
-        refContainer.current.classList.add('infinity_forge_modal');
-        refContainer.current.style.zIndex = String(ui_1.zIndexInfinityForge.modal);
+    function handleCancel() {
+        onCancel === null || onCancel === void 0 ? void 0 : onCancel();
+        onClose();
     }
-    return showPortal && refContainer.current ? (react_dom_1.default.createPortal((0, jsx_runtime_1.jsx)(ui_1.Error, { name: 'Modal', children: (0, jsx_runtime_1.jsxs)(S.Modal, { children: [(0, jsx_runtime_1.jsx)("div", { className: 'overlay', onClick: closeModal, style: { zIndex: ui_1.zIndexInfinityForge.modal } }), (0, jsx_runtime_1.jsxs)("div", { className: 'modal_content', style: __assign(__assign({}, styles), { zIndex: ui_1.zIndexInfinityForge.modal }), children: [!hideCloseButton && ((0, jsx_runtime_1.jsx)("button", { type: 'button', onClick: closeModal, className: 'close_modal_infinity_forge', children: (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'IconClose', color: '#000' }) })), (0, jsx_runtime_1.jsxs)("div", { className: 'content_modal_infinity_forge', style: stylesContent, children: [children, actions && (0, jsx_runtime_1.jsx)("div", { className: 'actions_modal_infinity_forge', children: actions })] })] })] }) }), refContainer.current)) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}));
-});
+    if (!shouldRender)
+        return null;
+    return ((0, jsx_runtime_1.jsx)(overlay_1.Overlay, { onClick: handleCancel, isExiting: !open, children: (0, jsx_runtime_1.jsxs)(S.Modal, { style: styles, "$isExiting": !open, children: [(0, jsx_runtime_1.jsxs)("h2", { className: 'title', children: [title && title, !hideCloseButton && ((0, jsx_runtime_1.jsx)("button", { className: 'close-button', type: 'button', onClick: onClose, children: (0, jsx_runtime_1.jsx)(icons_1.Icon, { name: 'IconClose' }) }))] }), (0, jsx_runtime_1.jsxs)("div", { style: stylesContent, className: 'content_modal_infinity_forge', children: [message && (0, jsx_runtime_1.jsx)("p", { className: 'message', children: message }), children, (0, jsx_runtime_1.jsxs)("div", { className: 'actions_modal_infinity_forge', children: [onCancel && (0, jsx_runtime_1.jsx)("button", { onClick: handleCancel, children: cancelText }), onConfirm && (0, jsx_runtime_1.jsx)("button", { onClick: handleConfirm, children: confirmText }), actions && (0, jsx_runtime_1.jsx)("div", { className: 'custom_actions_modal_infinity_forge', children: actions })] })] })] }) }));
+}
 //# sourceMappingURL=component.js.map

package/dist/ui/components/modal/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../src/ui/components/modal/component.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../src/ui/components/modal/component.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,sBAyDC;;AAlED,sCAAoC;AAEpC,oCAAiC;AACjC,oCAA+C;AAI/C,0CAA6B;AAE7B,SAAgB,KAAK,CAAC,EAcT;QAbX,IAAI,UAAA,EACJ,OAAO,aAAA,EACP,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,OAAO,aAAA,EACP,mBAAyB,EAAzB,WAAW,mBAAG,WAAW,KAAA,EACzB,SAAS,eAAA,EACT,kBAAuB,EAAvB,UAAU,mBAAG,UAAU,KAAA,EACvB,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,eAAe,qBAAA,EACf,aAAa,mBAAA;IAEb,IAAM,YAAY,GAAG,IAAA,0BAAkB,EAAC,IAAI,EAAE,GAAG,CAAC,CAAA;IAElD,SAAS,aAAa;QACpB,SAAS,aAAT,SAAS,uBAAT,SAAS,EAAI,CAAA;IACf,CAAC;IAED,SAAS,YAAY;QACnB,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,EAAI,CAAA;QACZ,OAAO,EAAE,CAAA;IACX,CAAC;IAED,IAAI,CAAC,YAAY;QAAE,OAAO,IAAI,CAAA;IAE9B,OAAO,CACL,uBAAC,iBAAO,IAAC,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,CAAC,IAAI,YAC9C,wBAAC,CAAC,CAAC,KAAK,IAAC,KAAK,EAAE,MAAM,gBAAc,CAAC,IAAI,aACvC,gCAAI,SAAS,EAAC,OAAO,aAClB,KAAK,IAAI,KAAK,EAEd,CAAC,eAAe,IAAI,CACnB,mCAAQ,SAAS,EAAC,cAAc,EAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,OAAO,YAC7D,uBAAC,YAAI,IAAC,IAAI,EAAC,WAAW,GAAG,GAClB,CACV,IACE,EAEL,iCAAK,KAAK,EAAE,aAAa,EAAE,SAAS,EAAC,8BAA8B,aAChE,OAAO,IAAI,8BAAG,SAAS,EAAC,SAAS,YAAE,OAAO,GAAK,EAE/C,QAAQ,EAET,iCAAK,SAAS,EAAC,8BAA8B,aAC1C,QAAQ,IAAI,mCAAQ,OAAO,EAAE,YAAY,YAAG,UAAU,GAAU,EAEhE,SAAS,IAAI,mCAAQ,OAAO,EAAE,aAAa,YAAG,WAAW,GAAU,EAEnE,OAAO,IAAI,gCAAK,SAAS,EAAC,qCAAqC,YAAE,OAAO,GAAO,IAC5E,IACF,IACE,GACF,CACX,CAAA;AACH,CAAC"}

package/dist/ui/components/modal/interfaces.d.ts

@@ -1,11 +1,16 @@
+import { CSSProperties, ReactNode } from 'react';
 export interface ModalProps {
-    actions?: React.ReactNode;
     open: boolean;
-    center?: boolean;
-    styles?: React.CSSProperties;
-    stylesContent?: React.CSSProperties;
-    onClose: (setShowPortal: React.Dispatch<React.SetStateAction<boolean>>) => void;
-    children?: React.ReactNode;
+    title?: string;
+    message?: string;
+    actions?: ReactNode;
+    children: ReactNode;
+    onClose: () => void;
+    confirmText?: any;
+    onConfirm?: () => void;
+    cancelText?: any;
+    onCancel?: () => void;
+    styles?: CSSProperties;
     hideCloseButton?: boolean;
-    closePortalOnCloseModal?: boolean;
+    stylesContent?: CSSProperties;
 }

package/dist/ui/components/modal/styles.d.ts

@@ -1 +1,3 @@
-export declare const Modal: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, never>> & string;
+export declare const Modal: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $isExiting?: boolean;
+}>> & string;

package/dist/ui/components/modal/styles.js

@@ -8,7 +8,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Modal = void 0;
+var keyframes_1 = require("../../../ui/styles/keyframes.js");
 var styled_components_1 = __importDefault(require("styled-components"));
-exports.Modal = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  .overlay {\n    position: fixed;\n    z-index: 1;\n    min-width: 100%;\n    width: 100vw;\n    height: 100vh;\n    background-color: rgba(0, 0, 0, 0.6);\n    backdrop-filter: blur(1px);\n    left: 0;\n    top: 0;\n  }\n\n  .modal_content {\n    position: fixed;\n    z-index: 2;\n    width: fit-content;\n    max-width: 95vw;\n    max-height: 94vh;\n    background: #fff;\n    top: 50%;\n    left: 0;\n    right: 0;\n    margin: 0 auto;\n    transform: translateY(-50%);\n    padding: 35px 0 0;\n\n    .content_modal_infinity_forge {\n      padding: 0 20px;\n      overflow: auto;\n      max-height: calc(94vh - 30px);\n      background: #fff;\n      border-radius: 10px;\n\n      .actions_modal_infinity_forge {\n        position: sticky;\n        bottom: 0;\n        background-color: #fff;\n        padding: 15px 0;\n      }\n    }\n\n    .close_modal_infinity_forge {\n      position: absolute;\n      top: 10px;\n      right: 15px;\n      display: flex;\n      background-color: transparent;\n      border: 0;\n\n      svg {\n        width: 15px;\n        height: auto;\n      }\n    }\n  }\n"], ["\n  .overlay {\n    position: fixed;\n    z-index: 1;\n    min-width: 100%;\n    width: 100vw;\n    height: 100vh;\n    background-color: rgba(0, 0, 0, 0.6);\n    backdrop-filter: blur(1px);\n    left: 0;\n    top: 0;\n  }\n\n  .modal_content {\n    position: fixed;\n    z-index: 2;\n    width: fit-content;\n    max-width: 95vw;\n    max-height: 94vh;\n    background: #fff;\n    top: 50%;\n    left: 0;\n    right: 0;\n    margin: 0 auto;\n    transform: translateY(-50%);\n    padding: 35px 0 0;\n\n    .content_modal_infinity_forge {\n      padding: 0 20px;\n      overflow: auto;\n      max-height: calc(94vh - 30px);\n      background: #fff;\n      border-radius: 10px;\n\n      .actions_modal_infinity_forge {\n        position: sticky;\n        bottom: 0;\n        background-color: #fff;\n        padding: 15px 0;\n      }\n    }\n\n    .close_modal_infinity_forge {\n      position: absolute;\n      top: 10px;\n      right: 15px;\n      display: flex;\n      background-color: transparent;\n      border: 0;\n\n      svg {\n        width: 15px;\n        height: auto;\n      }\n    }\n  }\n"])));
+exports.Modal = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  background-color: white;\n  max-height: 90vh;\n  border-radius: 8px;\n  padding: 24px;\n  width: 90%;\n  max-width: 80vw;\n  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n  animation: ", " 0.3s ease forwards;\n  display: flex;\n  flex-direction: column;\n\n  .title {\n    margin: 0 0 6px;\n    font-size: 1.5rem;\n    color: #333;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 10px;\n    flex-shrink: 0;\n\n    .close-button {\n      display: flex;\n      align-items: center;\n      width: 10px;\n      margin: 0 0 0 auto;\n      background: none;\n      padding: 0;\n      border: none;\n      color: #666;\n      transition: color 0.2s;\n\n      svg {\n        width: 100%;\n        height: 100%;\n        fill: currentColor;\n      }\n\n      &:hover {\n        color: #333;\n      }\n    }\n  }\n\n  .message {\n    margin: 0 0 16px;\n    font-size: 1rem;\n    color: #666;\n  }\n\n  .content_modal_infinity_forge {\n    flex: 1;\n    overflow-y: auto;\n    min-height: 0;\n\n    &::-webkit-scrollbar {\n      width: 8px;\n      background-color: #f5f5f5;\n    }\n\n    &::-webkit-scrollbar-thumb {\n      background-color: ", ";\n      border-radius: 4px;\n      border: 2px solid transparent;\n      background-clip: content-box;\n      transition: background-color 0.2s;\n\n      &:hover {\n        background-color: ", ";\n      }\n    }\n\n    &::-webkit-scrollbar-track {\n      background-color: transparent;\n      margin: 4px 0;\n    }\n\n    scrollbar-width: thin;\n    scrollbar-color: ", " #f5f5f5;\n  }\n\n  .actions_modal_infinity_forge {\n    display: flex;\n    justify-content: flex-end;\n    gap: 8px;\n    flex-shrink: 0;\n    padding-top: 16px;\n\n    button {\n      padding: 8px 16px;\n      border: none;\n      border-radius: 4px;\n      font-size: 1rem;\n      cursor: pointer;\n      transition: background-color, filter, 0.2s;\n\n      &:first-of-type {\n        background-color: #f0f0f0;\n        color: #333;\n\n        &:hover {\n          background-color: #e0e0e0;\n        }\n      }\n\n      &:last-of-type {\n        background-color: ", ";\n        color: white;\n\n        &:hover {\n          filter: brightness(95%);\n        }\n      }\n    }\n  }\n"], ["\n  background-color: white;\n  max-height: 90vh;\n  border-radius: 8px;\n  padding: 24px;\n  width: 90%;\n  max-width: 80vw;\n  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n  animation: ", " 0.3s ease forwards;\n  display: flex;\n  flex-direction: column;\n\n  .title {\n    margin: 0 0 6px;\n    font-size: 1.5rem;\n    color: #333;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 10px;\n    flex-shrink: 0;\n\n    .close-button {\n      display: flex;\n      align-items: center;\n      width: 10px;\n      margin: 0 0 0 auto;\n      background: none;\n      padding: 0;\n      border: none;\n      color: #666;\n      transition: color 0.2s;\n\n      svg {\n        width: 100%;\n        height: 100%;\n        fill: currentColor;\n      }\n\n      &:hover {\n        color: #333;\n      }\n    }\n  }\n\n  .message {\n    margin: 0 0 16px;\n    font-size: 1rem;\n    color: #666;\n  }\n\n  .content_modal_infinity_forge {\n    flex: 1;\n    overflow-y: auto;\n    min-height: 0;\n\n    &::-webkit-scrollbar {\n      width: 8px;\n      background-color: #f5f5f5;\n    }\n\n    &::-webkit-scrollbar-thumb {\n      background-color: ", ";\n      border-radius: 4px;\n      border: 2px solid transparent;\n      background-clip: content-box;\n      transition: background-color 0.2s;\n\n      &:hover {\n        background-color: ", ";\n      }\n    }\n\n    &::-webkit-scrollbar-track {\n      background-color: transparent;\n      margin: 4px 0;\n    }\n\n    scrollbar-width: thin;\n    scrollbar-color: ", " #f5f5f5;\n  }\n\n  .actions_modal_infinity_forge {\n    display: flex;\n    justify-content: flex-end;\n    gap: 8px;\n    flex-shrink: 0;\n    padding-top: 16px;\n\n    button {\n      padding: 8px 16px;\n      border: none;\n      border-radius: 4px;\n      font-size: 1rem;\n      cursor: pointer;\n      transition: background-color, filter, 0.2s;\n\n      &:first-of-type {\n        background-color: #f0f0f0;\n        color: #333;\n\n        &:hover {\n          background-color: #e0e0e0;\n        }\n      }\n\n      &:last-of-type {\n        background-color: ", ";\n        color: white;\n\n        &:hover {\n          filter: brightness(95%);\n        }\n      }\n    }\n  }\n"])), function (_a) {
+    var $isExiting = _a.$isExiting;
+    return ($isExiting ? keyframes_1.condenseAnimation : keyframes_1.expandAnimation);
+}, function (props) { var _a; return ((_a = props === null || props === void 0 ? void 0 : props.theme) === null || _a === void 0 ? void 0 : _a.primaryColor) || '#0070f3'; }, function (props) { var _a; return ((_a = props === null || props === void 0 ? void 0 : props.theme) === null || _a === void 0 ? void 0 : _a.primaryHoverColor) || '#005bb5'; }, function (props) { var _a; return ((_a = props === null || props === void 0 ? void 0 : props.theme) === null || _a === void 0 ? void 0 : _a.primaryColor) || '#0070f3'; }, function (props) { var _a; return ((_a = props === null || props === void 0 ? void 0 : props.theme) === null || _a === void 0 ? void 0 : _a.primaryColor) || '#0070f3'; });
 var templateObject_1;
 //# sourceMappingURL=styles.js.map

package/dist/ui/components/modal/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/ui/components/modal/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,KAAK,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,mpCAAA,glCAwDjC,KAAA"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/ui/components/modal/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,mDAA0E;AAC1E,wEAAsC;AAEzB,QAAA,KAAK,GAAG,2BAAM,CAAC,GAAG,ywEAA0B,2LAQ1C,EAAsE,+9BAsD3D,EAAkD,kMAOhD,EAAuD,+KAU5D,EAAkD,4jBA4B7C,EAAkD,qHAS7E,KA5Gc,UAAC,EAAc;QAAZ,UAAU,gBAAA;IAAO,OAAA,CAAC,UAAU,CAAC,CAAC,CAAC,6BAAiB,CAAC,CAAC,CAAC,2BAAe,CAAC;AAAlD,CAAkD,EAsD3D,UAAC,KAAK,YAAK,OAAA,CAAA,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,0CAAE,YAAY,KAAI,SAAS,CAAA,EAAA,EAOhD,UAAC,KAAK,YAAK,OAAA,CAAA,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,0CAAE,iBAAiB,KAAI,SAAS,CAAA,EAAA,EAU5D,UAAC,KAAK,YAAK,OAAA,CAAA,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,0CAAE,YAAY,KAAI,SAAS,CAAA,EAAA,EA4B7C,UAAC,KAAK,YAAK,OAAA,CAAA,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,0CAAE,YAAY,KAAI,SAAS,CAAA,EAAA,EAS7E"}

package/dist/ui/components/overlay/index.d.ts

@@ -0,0 +1,2 @@
+import { OverlayProps } from './interfaces.js';
+export declare function Overlay({ children, onClick, zIndex, isExiting }: OverlayProps): import("react/jsx-runtime").JSX.Element;

package/dist/ui/components/overlay/index.js

@@ -0,0 +1,49 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Overlay = Overlay;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var utils_1 = require("../../../ui/utils/index.js");
+var portal_1 = require("../portal/index.js");
+var S = __importStar(require("./styles.js"));
+function Overlay(_a) {
+    var children = _a.children, onClick = _a.onClick, _b = _a.zIndex, zIndex = _b === void 0 ? utils_1.zIndexInfinityForge === null || utils_1.zIndexInfinityForge === void 0 ? void 0 : utils_1.zIndexInfinityForge.modal : _b, isExiting = _a.isExiting;
+    return ((0, jsx_runtime_1.jsx)(portal_1.Portal, { children: (0, jsx_runtime_1.jsx)(S.OverlayContainer, { "$zIndex": zIndex, "$isExiting": isExiting, onClick: function (e) {
+                if (e.target === e.currentTarget && !isExiting) {
+                    onClick === null || onClick === void 0 ? void 0 : onClick(e);
+                }
+            }, children: children }) }));
+}
+//# sourceMappingURL=index.js.map

package/dist/ui/components/overlay/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ui/components/overlay/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,0BAgBC;;AArBD,oCAAgD;AAChD,oCAAkC;AAElC,0CAA6B;AAE7B,SAAgB,OAAO,CAAC,EAAmF;QAAjF,QAAQ,cAAA,EAAE,OAAO,aAAA,EAAE,cAAmC,EAAnC,MAAM,mBAAG,2BAAmB,aAAnB,2BAAmB,uBAAnB,2BAAmB,CAAE,KAAK,KAAA,EAAE,SAAS,eAAA;IACzF,OAAO,CACL,uBAAC,eAAM,cACL,uBAAC,CAAC,CAAC,gBAAgB,eACR,MAAM,gBACH,SAAS,EACrB,OAAO,EAAE,UAAC,CAAC;gBACT,IAAI,CAAC,CAAC,MAAM,KAAK,CAAC,CAAC,aAAa,IAAI,CAAC,SAAS,EAAE,CAAC;oBAC/C,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,CAAC,CAAC,CAAA;gBACd,CAAC;YACH,CAAC,YAEA,QAAQ,GACU,GACd,CACV,CAAA;AACH,CAAC"}

package/dist/ui/components/overlay/interfaces.d.ts

@@ -0,0 +1,7 @@
+import { MouseEventHandler } from 'react';
+export interface OverlayProps {
+    children: React.ReactNode;
+    isExiting?: boolean;
+    onClick?: MouseEventHandler<HTMLDivElement>;
+    zIndex?: number;
+}

package/dist/ui/components/overlay/interfaces.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=interfaces.js.map

package/dist/ui/components/overlay/interfaces.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../../src/ui/components/overlay/interfaces.ts"],"names":[],"mappings":""}

package/dist/ui/components/overlay/styles.d.ts

@@ -0,0 +1,4 @@
+export declare const OverlayContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $zIndex: number;
+    $isExiting?: boolean;
+}>> & string;

package/dist/ui/components/overlay/styles.js

@@ -0,0 +1,52 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.OverlayContainer = void 0;
+var styled_components_1 = __importStar(require("styled-components"));
+var overlayEnter = (0, styled_components_1.keyframes)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  from { opacity: 0; }\n  to { opacity: 1; }\n"], ["\n  from { opacity: 0; }\n  to { opacity: 1; }\n"])));
+var overlayExit = (0, styled_components_1.keyframes)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  from { opacity: 1; }\n  to { opacity: 0; }\n"], ["\n  from { opacity: 1; }\n  to { opacity: 0; }\n"])));
+exports.OverlayContainer = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background-color: rgba(0, 0, 0, 0.5);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  z-index: ", ";\n\n  animation: ", " 0.3s ease forwards;\n"], ["\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background-color: rgba(0, 0, 0, 0.5);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  z-index: ", ";\n\n  animation: ", " 0.3s ease forwards;\n"])), function (_a) {
+    var $zIndex = _a.$zIndex;
+    return $zIndex;
+}, function (_a) {
+    var $isExiting = _a.$isExiting;
+    return ($isExiting ? overlayExit : overlayEnter);
+});
+var templateObject_1, templateObject_2, templateObject_3;
+//# sourceMappingURL=styles.js.map

package/dist/ui/components/overlay/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/ui/components/overlay/styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qEAAqD;AAErD,IAAM,YAAY,OAAG,6BAAS,sHAAA,kDAG7B,IAAA,CAAA;AAED,IAAM,WAAW,OAAG,6BAAS,sHAAA,kDAG5B,IAAA,CAAA;AAEY,QAAA,gBAAgB,GAAG,2BAAM,CAAC,GAAG,6TAA2C,0MAUxE,EAAwB,oBAEtB,EAA6D,wBAC3E,KAHY,UAAC,EAAW;QAAT,OAAO,aAAA;IAAO,OAAA,OAAO;AAAP,CAAO,EAEtB,UAAC,EAAc;QAAZ,UAAU,gBAAA;IAAO,OAAA,CAAC,UAAU,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,YAAY,CAAC;AAAzC,CAAyC,EAC3E"}

package/dist/ui/components/portal/index.d.ts

@@ -0,0 +1,4 @@
+import { ReactNode } from 'react';
+export declare function Portal({ children }: {
+    children: ReactNode;
+}): import("react").ReactPortal;

package/dist/ui/components/portal/index.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Portal = Portal;
+var react_dom_1 = require("react-dom");
+var hooks_1 = require("../../../ui/hooks/index.js");
+function Portal(_a) {
+    var children = _a.children;
+    var mounted = (0, hooks_1.useComponentIsMounted)();
+    return mounted ? (0, react_dom_1.createPortal)(children, document.body) : null;
+}
+//# sourceMappingURL=index.js.map

package/dist/ui/components/portal/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ui/components/portal/index.tsx"],"names":[],"mappings":";;AAKA,wBAIC;AARD,uCAAwC;AAExC,oCAAkD;AAElD,SAAgB,MAAM,CAAC,EAAqC;QAAnC,QAAQ,cAAA;IAC/B,IAAM,OAAO,GAAG,IAAA,6BAAqB,GAAE,CAAA;IAEvC,OAAO,OAAO,CAAC,CAAC,CAAC,IAAA,wBAAY,EAAC,QAAQ,EAAE,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA;AAC/D,CAAC"}

package/dist/ui/contexts/i18n/translate.js

@@ -108,7 +108,7 @@ function Translate(_a) {
     var translation = (_c = (_b = word === null || word === void 0 ? void 0 : word.i18n) === null || _b === void 0 ? void 0 : _b[router.locale]) === null || _c === void 0 ? void 0 : _c.value;
     var translate = translation || defaultTranslate;
     var createToast = (0, ui_1.useToast)().createToast;
-    if (((_d = router.query) === null || _d === void 0 ? void 0 : _d.editMode) !== "true") {
+    if (((_d = router.query) === null || _d === void 0 ? void 0 : _d.editMode) !== 'true') {
         return (0, jsx_runtime_1.jsx)("span", { children: translate });
     }
     function handleSuccess(data) {
@@ -150,6 +150,6 @@ function Translate(_a) {
                         },
                     }, onSucess: handleSuccess, button: { text: 'Salvar' }, cleanFieldsOnSubmit: true })) }), (0, jsx_runtime_1.jsxs)(exports.TranslateStyles, { onClick: function () { return setOpen(true); }, style: {}, children: [(0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'IconGear' }), translate] })] }));
 }
-exports.TranslateStyles = (0, styled_components_1.default)('span')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  border: 1px solid #000;\n  position: relative;\n  padding: 2px;\n  border-radius: 2px;\n\n    svg {\n      height: auto !important;\n      width: 8px !important;\n      position: absolute;\n      bottom: -4px;\n      right: 0;\n      fill: #000 !important;\n      background: #fff;\n    }\n"], ["\n  border: 1px solid #000;\n  position: relative;\n  padding: 2px;\n  border-radius: 2px;\n\n    svg {\n      height: auto !important;\n      width: 8px !important;\n      position: absolute;\n      bottom: -4px;\n      right: 0;\n      fill: #000 !important;\n      background: #fff;\n    }\n"])));
+exports.TranslateStyles = (0, styled_components_1.default)('span')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  border: 1px solid #000;\n  position: relative;\n  padding: 2px;\n  border-radius: 2px;\n\n  svg {\n    height: auto !important;\n    width: 8px !important;\n    position: absolute;\n    bottom: -4px;\n    right: 0;\n    fill: #000 !important;\n    background: #fff;\n  }\n"], ["\n  border: 1px solid #000;\n  position: relative;\n  padding: 2px;\n  border-radius: 2px;\n\n  svg {\n    height: auto !important;\n    width: 8px !important;\n    position: absolute;\n    bottom: -4px;\n    right: 0;\n    fill: #000 !important;\n    background: #fff;\n  }\n"])));
 var templateObject_1;
 //# sourceMappingURL=translate.js.map

package/dist/ui/contexts/i18n/translate.js.map

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

package/dist/ui/hooks/index.d.ts

@@ -6,4 +6,5 @@ export * from './permitions/index.js';
 export * from './use-window.js';
 export * from './use-swagger/index.js';
 export * from './use-element-id.js';
+export * from './use-mount-transition/index.js';
 export * from './use-component-is-mounted.js';

package/dist/ui/hooks/index.js

@@ -22,5 +22,6 @@ __exportStar(require("./permitions/index.js"), exports);
 __exportStar(require("./use-window.js"), exports);
 __exportStar(require("./use-swagger/index.js"), exports);
 __exportStar(require("./use-element-id.js"), exports);
+__exportStar(require("./use-mount-transition/index.js"), exports);
 __exportStar(require("./use-component-is-mounted.js"), exports);
 //# sourceMappingURL=index.js.map

package/dist/ui/hooks/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/hooks/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,8CAA2B;AAC3B,8CAA2B;AAC3B,+CAA4B;AAC5B,+CAA4B;AAC5B,+CAA4B;AAC5B,+CAA4B;AAC5B,gDAA6B;AAC7B,mDAAgC;AAChC,6DAA0C"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/hooks/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,8CAA2B;AAC3B,8CAA2B;AAC3B,+CAA4B;AAC5B,+CAA4B;AAC5B,+CAA4B;AAC5B,+CAA4B;AAC5B,gDAA6B;AAC7B,mDAAgC;AAChC,yDAAsC;AACtC,6DAA0C"}

package/dist/ui/hooks/use-mount-transition/index.d.ts

@@ -0,0 +1 @@
+export declare function useMountTransition(isMounted: boolean, delay: number): boolean;

package/dist/ui/hooks/use-mount-transition/index.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useMountTransition = useMountTransition;
+var react_1 = require("react");
+function useMountTransition(isMounted, delay) {
+    var _a = (0, react_1.useState)(false), isTransitioning = _a[0], setIsTransitioning = _a[1];
+    (0, react_1.useEffect)(function () {
+        var timeoutId;
+        if (isMounted && !isTransitioning) {
+            setIsTransitioning(true);
+        }
+        else if (!isMounted && isTransitioning) {
+            timeoutId = setTimeout(function () { return setIsTransitioning(false); }, delay);
+        }
+        return function () {
+            clearTimeout(timeoutId);
+        };
+    }, [isMounted, delay, isTransitioning]);
+    return isTransitioning;
+}
+//# sourceMappingURL=index.js.map

package/dist/ui/hooks/use-mount-transition/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ui/hooks/use-mount-transition/index.tsx"],"names":[],"mappings":";;AAEA,gDAkBC;AApBD,+BAA2C;AAE3C,SAAgB,kBAAkB,CAAC,SAAkB,EAAE,KAAa;IAC5D,IAAA,KAAwC,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAAtD,eAAe,QAAA,EAAE,kBAAkB,QAAmB,CAAA;IAE7D,IAAA,iBAAS,EAAC;QACR,IAAI,SAAyB,CAAA;QAE7B,IAAI,SAAS,IAAI,CAAC,eAAe,EAAE,CAAC;YAClC,kBAAkB,CAAC,IAAI,CAAC,CAAA;QAC1B,CAAC;aAAM,IAAI,CAAC,SAAS,IAAI,eAAe,EAAE,CAAC;YACzC,SAAS,GAAG,UAAU,CAAC,cAAM,OAAA,kBAAkB,CAAC,KAAK,CAAC,EAAzB,CAAyB,EAAE,KAAK,CAAC,CAAA;QAChE,CAAC;QAED,OAAO;YACL,YAAY,CAAC,SAAS,CAAC,CAAA;QACzB,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,SAAS,EAAE,KAAK,EAAE,eAAe,CAAC,CAAC,CAAA;IAEvC,OAAO,eAAe,CAAA;AACxB,CAAC"}