infinity-forge 2.5.2 → 2.5.3

package/dist/system/presentation/context/container.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { ISiteConfigurationProviderProps } from '../../../sites/index.js';
-import { I18nContextProps } from '../../../ui/index.js';
+import { I18nContextProps, LoaderOnRouteChangeProps } from '../../../ui/index.js';
 import { AuthAdminProviderProps } from './auth/index.js';
 import { DefaultThemeInfinityForge } from './theme/index.js';
 import { InfraInjectionContextType } from './infra-injection/index.js';
@@ -11,5 +11,7 @@ export type InfinityForgeProvidersProps = {
     i18n?: I18nContextProps;
 } & {
     auth?: AuthAdminProviderProps;
-} & ISiteConfigurationProviderProps;
-export declare function InfinityForgeProviders({ auth, i18n, theme, children, InjectedRemotes, Configurations, siteConfigurations, }: InfinityForgeProvidersProps): import("react/jsx-runtime").JSX.Element;
+} & ISiteConfigurationProviderProps & {
+    loaderOnRouteChange?: LoaderOnRouteChangeProps;
+};
+export declare function InfinityForgeProviders({ auth, i18n, theme, children, InjectedRemotes, Configurations, siteConfigurations, loaderOnRouteChange, }: InfinityForgeProvidersProps): import("react/jsx-runtime").JSX.Element;

package/dist/system/presentation/context/container.js

@@ -20,11 +20,11 @@ var auth_1 = require("./auth/index.js");
 var theme_1 = require("./theme/index.js");
 var infra_injection_1 = require("./infra-injection/index.js");
 function InfinityForgeProviders(_a) {
-    var auth = _a.auth, i18n = _a.i18n, theme = _a.theme, children = _a.children, InjectedRemotes = _a.InjectedRemotes, Configurations = _a.Configurations, siteConfigurations = _a.siteConfigurations;
-    var Content = ((0, jsx_runtime_1.jsx)(sites_1.SiteProvider, { siteConfigurations: siteConfigurations, children: (0, jsx_runtime_1.jsx)(theme_1.ThemeProvider, { theme: theme, children: (0, jsx_runtime_1.jsx)(ui_1.ToastProvider, { children: (0, jsx_runtime_1.jsx)(menu_1.MenuContextProvider, __assign({}, Configurations === null || Configurations === void 0 ? void 0 : Configurations.menu, { children: (0, jsx_runtime_1.jsx)(ui_1.LoaderOnRouteChange, { children: children }) })) }) }) }));
+    var auth = _a.auth, i18n = _a.i18n, theme = _a.theme, children = _a.children, InjectedRemotes = _a.InjectedRemotes, Configurations = _a.Configurations, siteConfigurations = _a.siteConfigurations, loaderOnRouteChange = _a.loaderOnRouteChange;
+    var Content = ((0, jsx_runtime_1.jsx)(sites_1.SiteProvider, { siteConfigurations: siteConfigurations, children: (0, jsx_runtime_1.jsx)(theme_1.ThemeProvider, { theme: theme, children: (0, jsx_runtime_1.jsx)(ui_1.ToastProvider, { children: (0, jsx_runtime_1.jsx)(menu_1.MenuContextProvider, __assign({}, Configurations === null || Configurations === void 0 ? void 0 : Configurations.menu, { children: (0, jsx_runtime_1.jsx)(ui_1.LoaderOnRouteChange, __assign({}, loaderOnRouteChange, { children: children })) })) }) }) }));
     var DynamicContent = (Configurations === null || Configurations === void 0 ? void 0 : Configurations.dynamicSections) ? ((0, jsx_runtime_1.jsx)(ui_1.DynamicSectionProvider, { sections: Configurations.dynamicSections, children: Content })) : (Content);
-    var I18nContent = i18n ? ((0, jsx_runtime_1.jsx)(ui_1.I18nProvider, __assign({}, i18n, { children: DynamicContent }))) : (DynamicContent);
-    return ((0, jsx_runtime_1.jsx)(ui_1.QueryClientContextProvider, { children: (0, jsx_runtime_1.jsx)(infra_injection_1.InfraInjectionProvider, { InjectedRemotes: InjectedRemotes, Configurations: Configurations, children: auth ? ((0, jsx_runtime_1.jsx)(auth_1.AuthAdminProvider, __assign({}, auth, { children: I18nContent }))) : (I18nContent) }) }));
+    var I18nContent = i18n ? (0, jsx_runtime_1.jsx)(ui_1.I18nProvider, __assign({}, i18n, { children: DynamicContent })) : DynamicContent;
+    return ((0, jsx_runtime_1.jsx)(ui_1.QueryClientContextProvider, { children: (0, jsx_runtime_1.jsx)(infra_injection_1.InfraInjectionProvider, { InjectedRemotes: InjectedRemotes, Configurations: Configurations, children: auth ? (0, jsx_runtime_1.jsx)(auth_1.AuthAdminProvider, __assign({}, auth, { children: I18nContent })) : I18nContent }) }));
 }
 exports.InfinityForgeProviders = InfinityForgeProviders;
 //# sourceMappingURL=container.js.map

package/dist/system/presentation/context/container.js.map

@@ -1 +1 @@
-{"version":3,"file":"container.js","sourceRoot":"","sources":["../../../../src/system/presentation/context/container.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,iCAAuE;AACvE,2BAOa;AAEb,+BAA4C;AAC5C,+BAAkE;AAClE,iCAAkE;AAClE,qDAAqF;AASrF,SAAgB,sBAAsB,CAAC,EAQT;QAP5B,IAAI,UAAA,EACJ,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,eAAe,qBAAA,EACf,cAAc,oBAAA,EACd,kBAAkB,wBAAA;IAGlB,IAAM,OAAO,GAAG,CACd,uBAAC,oBAAY,IAAC,kBAAkB,EAAE,kBAAkB,YAClD,uBAAC,qBAAa,IAAC,KAAK,EAAE,KAAK,YACzB,uBAAC,kBAAa,cACZ,uBAAC,0BAAmB,eAAK,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,IAAI,cAC3C,uBAAC,wBAAmB,cAAE,QAAQ,GAAuB,IACjC,GACR,GACF,GACH,CAChB,CAAA;IAED,IAAM,cAAc,GAAG,CAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,eAAe,EAAC,CAAC,CAAC,CACvD,uBAAC,2BAAsB,IAAC,QAAQ,EAAE,cAAc,CAAC,eAAe,YAC7D,OAAO,GACe,CAC1B,CAAC,CAAC,CAAC,CACF,OAAO,CACR,CAAA;IAED,IAAM,WAAW,GAAG,IAAI,CAAC,CAAC,CAAC,CACzB,uBAAC,iBAAY,eAAK,IAAI,cACnB,cAAc,IACF,CAChB,CAAC,CAAC,CAAC,CACF,cAAc,CACf,CAAA;IAED,OAAO,CACL,uBAAC,+BAA0B,cACzB,uBAAC,wCAAsB,IAAC,eAAe,EAAE,eAAe,EAAE,cAAc,EAAE,cAAc,YACrF,IAAI,CAAC,CAAC,CAAC,CACN,uBAAC,wBAAiB,eAAK,IAAI,cACxB,WAAW,IACM,CACrB,CAAC,CAAC,CAAC,CACF,WAAW,CACZ,GACsB,GACE,CAC9B,CAAA;AACH,CAAC;AAnDD,wDAmDC"}
+{"version":3,"file":"container.js","sourceRoot":"","sources":["../../../../src/system/presentation/context/container.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,iCAAuE;AACvE,2BAQa;AAEb,+BAA4C;AAC5C,+BAAkE;AAClE,iCAAkE;AAClE,qDAAqF;AASrF,SAAgB,sBAAsB,CAAC,EAST;QAR5B,IAAI,UAAA,EACJ,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,eAAe,qBAAA,EACf,cAAc,oBAAA,EACd,kBAAkB,wBAAA,EAClB,mBAAmB,yBAAA;IAEnB,IAAM,OAAO,GAAG,CACd,uBAAC,oBAAY,IAAC,kBAAkB,EAAE,kBAAkB,YAClD,uBAAC,qBAAa,IAAC,KAAK,EAAE,KAAK,YACzB,uBAAC,kBAAa,cACZ,uBAAC,0BAAmB,eAAK,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,IAAI,cAC3C,uBAAC,wBAAmB,eAAK,mBAAmB,cAAG,QAAQ,IAAuB,IAC1D,GACR,GACF,GACH,CAChB,CAAA;IAED,IAAM,cAAc,GAAG,CAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,eAAe,EAAC,CAAC,CAAC,CACvD,uBAAC,2BAAsB,IAAC,QAAQ,EAAE,cAAc,CAAC,eAAe,YAAG,OAAO,GAA0B,CACrG,CAAC,CAAC,CAAC,CACF,OAAO,CACR,CAAA;IAED,IAAM,WAAW,GAAG,IAAI,CAAC,CAAC,CAAC,uBAAC,iBAAY,eAAK,IAAI,cAAG,cAAc,IAAgB,CAAC,CAAC,CAAC,cAAc,CAAA;IAEnG,OAAO,CACL,uBAAC,+BAA0B,cACzB,uBAAC,wCAAsB,IAAC,eAAe,EAAE,eAAe,EAAE,cAAc,EAAE,cAAc,YACrF,IAAI,CAAC,CAAC,CAAC,uBAAC,wBAAiB,eAAK,IAAI,cAAG,WAAW,IAAqB,CAAC,CAAC,CAAC,WAAW,GAC7D,GACE,CAC9B,CAAA;AACH,CAAC;AArCD,wDAqCC"}

package/dist/ui/components/form/input-cep/use-cep/providers/ibge/hook.d.ts

@@ -1,5 +1,7 @@
-import { FieldsProviderCep, InputCepProps } from '../../../../../../../ui/index.js';
+import { FieldsProviderCep, InputCepProps } from '../../../../../../../ui';
 export declare function useCepIBGE<T = any>({ fields }: InputCepProps<T>): {
     getCep: (zipCode: any) => Promise<T>;
     fields: FieldsProviderCep<T>;
 };
+p<T>;
+};

package/dist/ui/components/form/input-cep/use-cep/providers/ibge/hook.js

@@ -37,7 +37,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useCepIBGE = void 0;
-var ui_1 = require("../../../../../../../ui/index.js");
+var ui_1 = require("../../../../../../../ui");
 function useCepIBGE(_a) {
     var fields = _a.fields;
     function getCep(zipCode) {
@@ -64,4 +64,4 @@ function useCepIBGE(_a) {
     };
 }
 exports.useCepIBGE = useCepIBGE;
-//# sourceMappingURL=hook.js.map
+//# sourceMappingURL=hook.js.mapok.js.map

package/dist/ui/components/form/input-file/render-files/file-item/button-upload-image-mobile/index.d.ts

@@ -1,4 +1,4 @@
-import { RenderFileProps } from '../../../../../../../ui/index.js';
+import { RenderFileProps } from '../../../../../../../ui';
 export type ButtonUploadImageMobileProps = {
     mobile?: {
         id: string;
@@ -11,3 +11,4 @@ export type ButtonUploadImageMobileProps = {
     isMobile?: boolean;
 };
 export declare function ButtonUploadImageMobile(props: RenderFileProps & ButtonUploadImageMobileProps): import("react/jsx-runtime").JSX.Element;
+Element;

package/dist/ui/components/form/input-file/render-files/file-item/button-upload-image-mobile/index.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ButtonUploadImageMobile = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
-var ui_1 = require("../../../../../../../ui/index.js");
+var ui_1 = require("../../../../../../../ui");
 function ButtonUploadImageMobile(props) {
     var _a, _b;
     var _c = (0, ui_1.useFile)(props.mobile), InputFile = _c.InputFile, LabelFileArea = _c.LabelFileArea;
@@ -15,4 +15,4 @@ function ButtonUploadImageMobile(props) {
     return ((0, jsx_runtime_1.jsx)(ui_1.Tooltip, { idTooltip: 'MobileFile', bgColor: '#fff', enableHover: true, enableArrow: true, content: 'Arquivo Mobile', trigger: (0, jsx_runtime_1.jsx)(LabelFileArea, { children: (0, jsx_runtime_1.jsxs)("div", { className: 'action-button', children: [(0, jsx_runtime_1.jsx)("div", { style: { display: 'none' }, children: (0, jsx_runtime_1.jsx)(InputFile, {}) }), (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'IconMobile' })] }) }) }));
 }
 exports.ButtonUploadImageMobile = ButtonUploadImageMobile;
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.mapex.js.map

package/dist/ui/components/form/input-file/render-files/file-item/styles.js

@@ -9,6 +9,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FileItem = void 0;
 var styled_components_1 = __importDefault(require("styled-components"));
-exports.FileItem = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  gap: 15px;\n  margin-bottom: 15px;\n\n  .image {\n    height: 90px;\n    width: 90px;\n    border-radius: 5px;\n    border: 1px solid #aaa;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin: 0;\n\n    img {\n      object-fit: contain;\n      height: 100%;\n      width: 100%;\n    }\n  }\n\n  .text {\n    width: calc(100% - 105px);\n\n    h3 {\n      display: flex;\n      justify-content: space-between;\n      padding-top: 5px;\n\n      .left {\n        display: flex;\n        flex-direction: column;\n\n        .file-nam {\n          overflow: hidden;\n          display: -webkit-box;\n          -webkit-line-clamp: 1;\n          line-clamp: 1;\n          -webkit-box-orient: vertical;\n        }\n      }\n\n      .size {\n        display: flex;\n        flex-direction: column;\n        gap: 3px;\n\n        span {\n          display: flex;\n          gap: 3px;\n\n          svg {\n            width: 14px;\n            height: auto;\n            fill: #000;\n          }\n        }\n      }\n    }\n\n    .actions {\n      display: flex;\n      gap: 10px;\n      margin-top: 15px;\n\n      > div > label {\n        border: 0;\n        padding: 0;\n        height: unset;\n        margin: 0;\n        display: inline-block;\n\n        &:hover {\n          background-color: transparent;\n        }\n      }\n\n      .action-button {\n        padding: 0;\n        border: 0;\n        width: 30px;\n        height: 30px;\n        border-radius: 5px;\n        background: #e1e1e1;\n        color: #828282;\n        cursor: pointer;\n        padding: 8px;\n        display: flex;\n        transition: 0.3s;\n\n        &:hover {\n          background-color: #cbcaca;\n        }\n\n        svg {\n          width: 100%;\n          height: auto;\n          fill: currentColor;\n        }\n      }\n    }\n  }\n\n  &:last-child {\n    margin-bottom: 0;\n  }\n"], ["\n  display: flex;\n  gap: 15px;\n  margin-bottom: 15px;\n\n  .image {\n    height: 90px;\n    width: 90px;\n    border-radius: 5px;\n    border: 1px solid #aaa;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin: 0;\n\n    img {\n      object-fit: contain;\n      height: 100%;\n      width: 100%;\n    }\n  }\n\n  .text {\n    width: calc(100% - 105px);\n\n    h3 {\n      display: flex;\n      justify-content: space-between;\n      padding-top: 5px;\n\n      .left {\n        display: flex;\n        flex-direction: column;\n\n        .file-nam {\n          overflow: hidden;\n          display: -webkit-box;\n          -webkit-line-clamp: 1;\n          line-clamp: 1;\n          -webkit-box-orient: vertical;\n        }\n      }\n\n      .size {\n        display: flex;\n        flex-direction: column;\n        gap: 3px;\n\n        span {\n          display: flex;\n          gap: 3px;\n\n          svg {\n            width: 14px;\n            height: auto;\n            fill: #000;\n          }\n        }\n      }\n    }\n\n    .actions {\n      display: flex;\n      gap: 10px;\n      margin-top: 15px;\n\n      > div > label {\n        border: 0;\n        padding: 0;\n        height: unset;\n        margin: 0;\n        display: inline-block;\n\n        &:hover {\n          background-color: transparent;\n        }\n      }\n\n      .action-button {\n        padding: 0;\n        border: 0;\n        width: 30px;\n        height: 30px;\n        border-radius: 5px;\n        background: #e1e1e1;\n        color: #828282;\n        cursor: pointer;\n        padding: 8px;\n        display: flex;\n        transition: 0.3s;\n\n        &:hover {\n          background-color: #cbcaca;\n        }\n\n        svg {\n          width: 100%;\n          height: auto;\n          fill: currentColor;\n        }\n      }\n    }\n  }\n\n  &:last-child {\n    margin-bottom: 0;\n  }\n"])));
+exports.FileItem = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  gap: 15px;\n  margin-bottom: 15px;\n\n  .image {\n    height: 90px;\n    width: 90px;\n    border-radius: 5px;\n    border: 1px solid #aaa;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin: 0;\n\n    img {\n      object-fit: contain;\n      height: 100%;\n      width: 100%;\n    }\n  }\n\n  .text {\n    width: calc(100% - 105px);\n\n    h3 {\n      display: flex;\n      justify-content: space-between;\n      padding-top: 5px;\n      gap: 10px;\n      \n      .left {\n        display: flex;\n        flex-direction: column;\n\n        .file-nam {\n          overflow: hidden;\n          display: -webkit-box;\n          -webkit-line-clamp: 1;\n          line-clamp: 1;\n          -webkit-box-orient: vertical;\n        }\n      }\n\n      .size {\n        display: flex;\n        flex-direction: column;\n        gap: 3px;\n\n        span {\n          display: flex;\n          gap: 3px;\n\n          svg {\n            width: 14px;\n            height: auto;\n            fill: #000;\n          }\n        }\n      }\n    }\n\n    .actions {\n      display: flex;\n      gap: 10px;\n      margin-top: 15px;\n\n      > div > label {\n        border: 0;\n        padding: 0;\n        height: unset;\n        margin: 0;\n        display: inline-block;\n\n        &:hover {\n          background-color: transparent;\n        }\n      }\n\n      .action-button {\n        padding: 0;\n        border: 0;\n        width: 30px;\n        height: 30px;\n        border-radius: 5px;\n        background: #e1e1e1;\n        color: #828282;\n        cursor: pointer;\n        padding: 8px;\n        display: flex;\n        transition: 0.3s;\n\n        &:hover {\n          background-color: #cbcaca;\n        }\n\n        svg {\n          width: 100%;\n          height: auto;\n          fill: currentColor;\n        }\n      }\n    }\n  }\n\n  &:last-child {\n    margin-bottom: 0;\n  }\n"], ["\n  display: flex;\n  gap: 15px;\n  margin-bottom: 15px;\n\n  .image {\n    height: 90px;\n    width: 90px;\n    border-radius: 5px;\n    border: 1px solid #aaa;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin: 0;\n\n    img {\n      object-fit: contain;\n      height: 100%;\n      width: 100%;\n    }\n  }\n\n  .text {\n    width: calc(100% - 105px);\n\n    h3 {\n      display: flex;\n      justify-content: space-between;\n      padding-top: 5px;\n      gap: 10px;\n      \n      .left {\n        display: flex;\n        flex-direction: column;\n\n        .file-nam {\n          overflow: hidden;\n          display: -webkit-box;\n          -webkit-line-clamp: 1;\n          line-clamp: 1;\n          -webkit-box-orient: vertical;\n        }\n      }\n\n      .size {\n        display: flex;\n        flex-direction: column;\n        gap: 3px;\n\n        span {\n          display: flex;\n          gap: 3px;\n\n          svg {\n            width: 14px;\n            height: auto;\n            fill: #000;\n          }\n        }\n      }\n    }\n\n    .actions {\n      display: flex;\n      gap: 10px;\n      margin-top: 15px;\n\n      > div > label {\n        border: 0;\n        padding: 0;\n        height: unset;\n        margin: 0;\n        display: inline-block;\n\n        &:hover {\n          background-color: transparent;\n        }\n      }\n\n      .action-button {\n        padding: 0;\n        border: 0;\n        width: 30px;\n        height: 30px;\n        border-radius: 5px;\n        background: #e1e1e1;\n        color: #828282;\n        cursor: pointer;\n        padding: 8px;\n        display: flex;\n        transition: 0.3s;\n\n        &:hover {\n          background-color: #cbcaca;\n        }\n\n        svg {\n          width: 100%;\n          height: auto;\n          fill: currentColor;\n        }\n      }\n    }\n  }\n\n  &:last-child {\n    margin-bottom: 0;\n  }\n"])));
 var templateObject_1;
 //# sourceMappingURL=styles.js.map

package/dist/ui/components/form/input-file/render-files/file-item/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../../src/ui/components/form/input-file/render-files/file-item/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,QAAQ,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,m8DAAA,g4DA2GpC,KAAA"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../../src/ui/components/form/input-file/render-files/file-item/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,QAAQ,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,29DAAA,w5DA4GpC,KAAA"}

package/dist/ui/contexts/route-loading/index.d.ts

@@ -1,3 +1,6 @@
-export declare function LoaderOnRouteChange({ children }: {
-    children: any;
-}): import("react/jsx-runtime").JSX.Element;
+/// <reference types="react" />
+export type LoaderOnRouteChangeProps = {
+    children: React.ReactNode;
+    Component: () => JSX.Element;
+};
+export declare function LoaderOnRouteChange({ children, Component }: LoaderOnRouteChangeProps): import("react/jsx-runtime").JSX.Element;

package/dist/ui/contexts/route-loading/index.js

@@ -9,12 +9,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.LoaderOnRouteChange = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
+var react_dom_1 = __importDefault(require("react-dom"));
 var react_1 = require("react");
 var router_1 = __importDefault(require("next/router"));
 var styled_components_1 = __importDefault(require("styled-components"));
 var StylesRoute = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 100%;\n  position: fixed;\n  top: 0;\n  left: 0;\n  height: 5px;\n  animation-duration: 1.8s;\n  animation-fill-mode: forwards;\n  animation-iteration-count: infinite;\n  animation-name: placeHolderShimmer;\n  animation-timing-function: linear;\n  background: ", ";\n  background: ", ";\n  position: fixed;\n  top: 0;\n  right: 0;\n  z-index: 99;\n\n  @keyframes placeHolderShimmer {\n    0% {\n      background-position: 0px 0;\n    }\n    100% {\n      background-position: 100vw 0;\n    }\n  }\n"], ["\n  width: 100%;\n  position: fixed;\n  top: 0;\n  left: 0;\n  height: 5px;\n  animation-duration: 1.8s;\n  animation-fill-mode: forwards;\n  animation-iteration-count: infinite;\n  animation-name: placeHolderShimmer;\n  animation-timing-function: linear;\n  background: ", ";\n  background: ", ";\n  position: fixed;\n  top: 0;\n  right: 0;\n  z-index: 99;\n\n  @keyframes placeHolderShimmer {\n    0% {\n      background-position: 0px 0;\n    }\n    100% {\n      background-position: 100vw 0;\n    }\n  }\n"])), function (props) { return props.theme.primaryColor; }, function (props) { return "linear-gradient(\n  to right,\n  ".concat(props.theme.primaryColor, " 8%,\n  #fff 25%,\n  ").concat(props.theme.primaryColor, " 33%\n  )"); });
 function LoaderOnRouteChange(_a) {
-    var children = _a.children;
+    var children = _a.children, Component = _a.Component;
     var _b = (0, react_1.useState)(false), loading = _b[0], setLoading = _b[1];
     (0, react_1.useEffect)(function () {
         var start = function () {
@@ -32,7 +33,8 @@ function LoaderOnRouteChange(_a) {
             router_1.default.events.off('routeChangeError', end);
         };
     }, []);
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [loading && (0, jsx_runtime_1.jsx)(StylesRoute, {}), children] }));
+    var ComponentLoader = Component || StylesRoute;
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [process.browser && react_dom_1.default.createPortal((0, jsx_runtime_1.jsx)("div", { className: 'loader_routing_infinity_forge', children: loading && (0, jsx_runtime_1.jsx)(ComponentLoader, {}) }), document.body), children] }));
 }
 exports.LoaderOnRouteChange = LoaderOnRouteChange;
 var templateObject_1;

package/dist/ui/contexts/route-loading/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ui/contexts/route-loading/index.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,+BAA2C;AAE3C,uDAAgC;AAChC,wEAAsC;AAEtC,IAAM,WAAW,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,kkBAAA,iRAWjB,EAAmC,mBACnC,EAKZ,uNAcH,KApBe,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,YAAY,EAAxB,CAAwB,EACnC,UAAC,KAAK,IAAK,OAAA,2CAEvB,KAAK,CAAC,KAAK,CAAC,YAAY,kCAExB,KAAK,CAAC,KAAK,CAAC,YAAY,cACxB,EALuB,CAKvB,CAcH,CAAA;AAED,SAAgB,mBAAmB,CAAC,EAAY;QAAV,QAAQ,cAAA;IACtC,IAAA,KAAwB,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAAtC,OAAO,QAAA,EAAE,UAAU,QAAmB,CAAA;IAE7C,IAAA,iBAAS,EAAC;QACR,IAAM,KAAK,GAAG;YACZ,UAAU,CAAC,IAAI,CAAC,CAAA;QAClB,CAAC,CAAA;QAED,IAAM,GAAG,GAAG;YACV,UAAU,CAAC,KAAK,CAAC,CAAA;QACnB,CAAC,CAAA;QAED,gBAAM,CAAC,MAAM,CAAC,EAAE,CAAC,kBAAkB,EAAE,KAAK,CAAC,CAAA;QAC3C,gBAAM,CAAC,MAAM,CAAC,EAAE,CAAC,qBAAqB,EAAE,GAAG,CAAC,CAAA;QAC5C,gBAAM,CAAC,MAAM,CAAC,EAAE,CAAC,kBAAkB,EAAE,GAAG,CAAC,CAAA;QAEzC,OAAO;YACL,gBAAM,CAAC,MAAM,CAAC,GAAG,CAAC,kBAAkB,EAAE,KAAK,CAAC,CAAA;YAC5C,gBAAM,CAAC,MAAM,CAAC,GAAG,CAAC,qBAAqB,EAAE,GAAG,CAAC,CAAA;YAC7C,gBAAM,CAAC,MAAM,CAAC,GAAG,CAAC,kBAAkB,EAAE,GAAG,CAAC,CAAA;QAC5C,CAAC,CAAA;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,CACL,6DACG,OAAO,IAAI,uBAAC,WAAW,KAAG,EAE1B,QAAQ,IACR,CACJ,CAAA;AACH,CAAC;AA9BD,kDA8BC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ui/contexts/route-loading/index.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,wDAAgC;AAChC,+BAA2C;AAE3C,uDAAgC;AAChC,wEAAsC;AAEtC,IAAM,WAAW,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,kkBAAA,iRAWjB,EAAmC,mBACnC,EAKZ,uNAcH,KApBe,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,YAAY,EAAxB,CAAwB,EACnC,UAAC,KAAK,IAAK,OAAA,2CAEvB,KAAK,CAAC,KAAK,CAAC,YAAY,kCAExB,KAAK,CAAC,KAAK,CAAC,YAAY,cACxB,EALuB,CAKvB,CAcH,CAAA;AAOD,SAAgB,mBAAmB,CAAC,EAAiD;QAA/C,QAAQ,cAAA,EAAE,SAAS,eAAA;IACjD,IAAA,KAAwB,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAAtC,OAAO,QAAA,EAAE,UAAU,QAAmB,CAAA;IAE7C,IAAA,iBAAS,EAAC;QACR,IAAM,KAAK,GAAG;YACZ,UAAU,CAAC,IAAI,CAAC,CAAA;QAClB,CAAC,CAAA;QAED,IAAM,GAAG,GAAG;YACV,UAAU,CAAC,KAAK,CAAC,CAAA;QACnB,CAAC,CAAA;QAED,gBAAM,CAAC,MAAM,CAAC,EAAE,CAAC,kBAAkB,EAAE,KAAK,CAAC,CAAA;QAC3C,gBAAM,CAAC,MAAM,CAAC,EAAE,CAAC,qBAAqB,EAAE,GAAG,CAAC,CAAA;QAC5C,gBAAM,CAAC,MAAM,CAAC,EAAE,CAAC,kBAAkB,EAAE,GAAG,CAAC,CAAA;QAEzC,OAAO;YACL,gBAAM,CAAC,MAAM,CAAC,GAAG,CAAC,kBAAkB,EAAE,KAAK,CAAC,CAAA;YAC5C,gBAAM,CAAC,MAAM,CAAC,GAAG,CAAC,qBAAqB,EAAE,GAAG,CAAC,CAAA;YAC7C,gBAAM,CAAC,MAAM,CAAC,GAAG,CAAC,kBAAkB,EAAE,GAAG,CAAC,CAAA;QAC5C,CAAC,CAAA;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,IAAM,eAAe,GAAG,SAAS,IAAI,WAAW,CAAA;IAEhD,OAAO,CACL,6DACG,OAAO,CAAC,OAAO,IAAI,mBAAQ,CAAC,YAAY,CAAC,gCAAK,SAAS,EAAC,+BAA+B,YAAE,OAAO,IAAI,uBAAC,eAAe,KAAG,GAAO,EAAE,QAAQ,CAAC,IAAI,CAAC,EAE9I,QAAQ,IACR,CACJ,CAAA;AACH,CAAC;AAhCD,kDAgCC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "infinity-forge",
-  "version": "2.5.2",
+  "version": "2.5.3",
   "description": "codie Library",
   "main": "./dist/index",
   "module": "./dist/index",