@xanui/core 1.2.53 → 1.2.55

package/AppRoot/AppRootProvider.cjs

@@ -1,3 +1,4 @@
+"use client";
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');

package/AppRoot/AppRootProvider.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"AppRootProvider.cjs","sources":["../../src/AppRoot/AppRootProvider.tsx"],"sourcesContent":["import React from \"react\";\r\n\r\nconst AppRootContext = React.createContext<(() => HTMLElement | null) | null>(null);\r\n\r\nexport const AppRootProvider: React.FC<{ element: () => HTMLElement | null; children: React.ReactNode }> = ({ element, children }) => {\r\n   return (\r\n      <AppRootContext.Provider value={element}>\r\n         {children}\r\n      </AppRootContext.Provider>\r\n   );\r\n}\r\n\r\nexport const useAppRootElement = (): HTMLElement => {\r\n   const context = React.useContext(AppRootContext);\r\n   if (typeof window === 'undefined') {\r\n      return null as any;\r\n   }\r\n\r\n   return context!() as HTMLElement\r\n}\r\n"],"names":["_jsx"],"mappings":";;;;;AAEA,MAAM,cAAc,GAAG,KAAK,CAAC,aAAa,CAAoC,IAAI,CAAC;AAE5E,MAAM,eAAe,GAA+E,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAI;AAClI,IAAA,QACGA,cAAA,CAAC,cAAc,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,OAAO,EAAA,QAAA,EACnC,QAAQ,EAAA,CACc;AAEhC;AAEO,MAAM,iBAAiB,GAAG,MAAkB;IAChD,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC;AAChD,IAAA,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;AAChC,QAAA,OAAO,IAAW;IACrB;IAEA,OAAO,OAAQ,EAAiB;AACnC;;;;;"}
+{"version":3,"file":"AppRootProvider.cjs","sources":["../../src/AppRoot/AppRootProvider.tsx"],"sourcesContent":["\"use client\"\r\nimport React from \"react\";\r\n\r\nconst AppRootContext = React.createContext<(() => HTMLElement | null) | null>(null);\r\n\r\nexport const AppRootProvider: React.FC<{ element: () => HTMLElement | null; children: React.ReactNode }> = ({ element, children }) => {\r\n   return (\r\n      <AppRootContext.Provider value={element}>\r\n         {children}\r\n      </AppRootContext.Provider>\r\n   );\r\n}\r\n\r\nexport const useAppRootElement = (): HTMLElement => {\r\n   const context = React.useContext(AppRootContext);\r\n   if (typeof window === 'undefined') {\r\n      return null as any;\r\n   }\r\n\r\n   return context!() as HTMLElement\r\n}\r\n"],"names":[],"mappings":";;;;;;AAGA;AAEO;AACJ;AAKH;AAEO;;AAEJ;AACG;;;AAIN;;;"}

package/AppRoot/AppRootProvider.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from 'react/jsx-runtime';
 import React__default from 'react';
 

package/AppRoot/AppRootProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"AppRootProvider.js","sources":["../../src/AppRoot/AppRootProvider.tsx"],"sourcesContent":["import React from \"react\";\r\n\r\nconst AppRootContext = React.createContext<(() => HTMLElement | null) | null>(null);\r\n\r\nexport const AppRootProvider: React.FC<{ element: () => HTMLElement | null; children: React.ReactNode }> = ({ element, children }) => {\r\n   return (\r\n      <AppRootContext.Provider value={element}>\r\n         {children}\r\n      </AppRootContext.Provider>\r\n   );\r\n}\r\n\r\nexport const useAppRootElement = (): HTMLElement => {\r\n   const context = React.useContext(AppRootContext);\r\n   if (typeof window === 'undefined') {\r\n      return null as any;\r\n   }\r\n\r\n   return context!() as HTMLElement\r\n}\r\n"],"names":["React","_jsx"],"mappings":";;;AAEA,MAAM,cAAc,GAAGA,cAAK,CAAC,aAAa,CAAoC,IAAI,CAAC;AAE5E,MAAM,eAAe,GAA+E,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAI;AAClI,IAAA,QACGC,GAAA,CAAC,cAAc,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,OAAO,EAAA,QAAA,EACnC,QAAQ,EAAA,CACc;AAEhC;AAEO,MAAM,iBAAiB,GAAG,MAAkB;IAChD,MAAM,OAAO,GAAGD,cAAK,CAAC,UAAU,CAAC,cAAc,CAAC;AAChD,IAAA,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;AAChC,QAAA,OAAO,IAAW;IACrB;IAEA,OAAO,OAAQ,EAAiB;AACnC;;;;"}
+{"version":3,"file":"AppRootProvider.js","sources":["../../src/AppRoot/AppRootProvider.tsx"],"sourcesContent":["\"use client\"\r\nimport React from \"react\";\r\n\r\nconst AppRootContext = React.createContext<(() => HTMLElement | null) | null>(null);\r\n\r\nexport const AppRootProvider: React.FC<{ element: () => HTMLElement | null; children: React.ReactNode }> = ({ element, children }) => {\r\n   return (\r\n      <AppRootContext.Provider value={element}>\r\n         {children}\r\n      </AppRootContext.Provider>\r\n   );\r\n}\r\n\r\nexport const useAppRootElement = (): HTMLElement => {\r\n   const context = React.useContext(AppRootContext);\r\n   if (typeof window === 'undefined') {\r\n      return null as any;\r\n   }\r\n\r\n   return context!() as HTMLElement\r\n}\r\n"],"names":[],"mappings":";;;;AAGA;AAEO;AACJ;AAKH;AAEO;;AAEJ;AACG;;;AAIN;;"}

package/AppRoot/Renderar.cjs

@@ -8,16 +8,11 @@ let dispatch = null;
 class Renderar {
     static render(component, props) {
         Components.push({ component, props });
-        if (dispatch) {
+        if (dispatch)
             dispatch();
-        }
         return {
-            unrender: () => {
-                this.unrender(component);
-            },
-            updateProps: (newProps) => {
-                this.updateProps(component, newProps);
-            }
+            unrender: () => this.unrender(component),
+            updateProps: (newProps) => this.updateProps(component, newProps),
         };
     }
     static unrender(component) {
@@ -29,25 +24,18 @@ class Renderar {
         }
     }
     static updateProps(component, props) {
-        const storedComponent = Components.find((c) => c.component === component);
-        if (storedComponent) {
-            storedComponent.props = Object.assign(Object.assign({}, storedComponent.props), props);
-        }
+        const stored = Components.find((c) => c.component === component);
+        if (stored)
+            stored.props = Object.assign(Object.assign({}, stored.props), props);
         if (dispatch)
             dispatch();
     }
 }
-const RenderRenderar = React.memo(() => {
+const RenderRenderar = () => {
     const [, setState] = React.useState(0);
-    if (!dispatch) {
-        dispatch = () => {
-            setState((prev) => prev + 1);
-        };
-    }
-    return Components.map(({ component: Component, props }, index) => {
-        return jsxRuntime.jsx(Component, Object.assign({}, props), index);
-    });
-});
+    dispatch = () => setState((prev) => prev + 1);
+    return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: Components.map(({ component: Component, props }, i) => (jsxRuntime.jsx(Component, Object.assign({}, props), i))) }));
+};
 
 exports.RenderRenderar = RenderRenderar;
 exports.Renderar = Renderar;

package/AppRoot/Renderar.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Renderar.cjs","sources":["../../src/AppRoot/Renderar.tsx"],"sourcesContent":["import React, { memo, ReactElement } from \"react\";\r\n\r\ntype StoredComponent = {\r\n   component: React.FunctionComponent<any>;\r\n   props: any;\r\n};\r\n\r\nconst Components: StoredComponent[] = [];\r\nlet dispatch: (() => void) | null = null;\r\n\r\nexport class Renderar {\r\n   static render(component: React.FunctionComponent, props?: any) {\r\n      Components.push({ component, props });\r\n\r\n      if (dispatch) {\r\n         dispatch();\r\n      }\r\n\r\n      return {\r\n         unrender: () => {\r\n            this.unrender(component);\r\n         },\r\n         updateProps: (newProps: any) => {\r\n            this.updateProps(component, newProps);\r\n         }\r\n      };\r\n   }\r\n\r\n   static unrender(component: React.FunctionComponent) {\r\n      const index = Components.findIndex((c) => c.component === component);\r\n      if (index > -1) {\r\n         Components.splice(index, 1);\r\n         if (dispatch) dispatch();\r\n      }\r\n   }\r\n\r\n   static updateProps(component: React.FunctionComponent, props: any) {\r\n      const storedComponent = Components.find((c) => c.component === component);\r\n      if (storedComponent) {\r\n         storedComponent.props = { ...storedComponent.props, ...props };\r\n      }\r\n      if (dispatch) dispatch();\r\n   }\r\n}\r\n\r\nexport const RenderRenderar = memo(() => {\r\n   const [, setState] = React.useState(0);\r\n\r\n   if (!dispatch) {\r\n      dispatch = () => {\r\n         setState((prev) => prev + 1);\r\n      };\r\n   }\r\n\r\n   return Components.map(({ component: Component, props }, index): ReactElement => {\r\n      return <Component key={index} {...props} />;\r\n   });\r\n})\r\n"],"names":["memo","_jsx"],"mappings":";;;;;AAOA,MAAM,UAAU,GAAsB,EAAE;AACxC,IAAI,QAAQ,GAAwB,IAAI;MAE3B,QAAQ,CAAA;AAClB,IAAA,OAAO,MAAM,CAAC,SAAkC,EAAE,KAAW,EAAA;QAC1D,UAAU,CAAC,IAAI,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;QAErC,IAAI,QAAQ,EAAE;AACX,YAAA,QAAQ,EAAE;QACb;QAEA,OAAO;YACJ,QAAQ,EAAE,MAAK;AACZ,gBAAA,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC;YAC3B,CAAC;AACD,YAAA,WAAW,EAAE,CAAC,QAAa,KAAI;AAC5B,gBAAA,IAAI,CAAC,WAAW,CAAC,SAAS,EAAE,QAAQ,CAAC;YACxC;SACF;IACJ;IAEA,OAAO,QAAQ,CAAC,SAAkC,EAAA;AAC/C,QAAA,MAAM,KAAK,GAAG,UAAU,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,SAAS,KAAK,SAAS,CAAC;AACpE,QAAA,IAAI,KAAK,GAAG,EAAE,EAAE;AACb,YAAA,UAAU,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC;AAC3B,YAAA,IAAI,QAAQ;AAAE,gBAAA,QAAQ,EAAE;QAC3B;IACH;AAEA,IAAA,OAAO,WAAW,CAAC,SAAkC,EAAE,KAAU,EAAA;AAC9D,QAAA,MAAM,eAAe,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,SAAS,KAAK,SAAS,CAAC;QACzE,IAAI,eAAe,EAAE;YAClB,eAAe,CAAC,KAAK,GAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAQ,eAAe,CAAC,KAAK,CAAA,EAAK,KAAK,CAAE;QACjE;AACA,QAAA,IAAI,QAAQ;AAAE,YAAA,QAAQ,EAAE;IAC3B;AACF;AAEM,MAAM,cAAc,GAAGA,UAAI,CAAC,MAAK;IACrC,MAAM,GAAG,QAAQ,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEtC,IAAI,CAAC,QAAQ,EAAE;QACZ,QAAQ,GAAG,MAAK;YACb,QAAQ,CAAC,CAAC,IAAI,KAAK,IAAI,GAAG,CAAC,CAAC;AAC/B,QAAA,CAAC;IACJ;AAEA,IAAA,OAAO,UAAU,CAAC,GAAG,CAAC,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,KAAK,KAAkB;AAC5E,QAAA,OAAOC,eAAC,SAAS,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAiB,KAAK,CAAA,EAAhB,KAAK,CAAe;AAC9C,IAAA,CAAC,CAAC;AACL,CAAC;;;;;"}
+{"version":3,"file":"Renderar.cjs","sources":["../../src/AppRoot/Renderar.tsx"],"sourcesContent":["// Renderar.tsx\r\nimport React, { useState } from \"react\";\r\n\r\ntype StoredComponent = {\r\n   component: React.FC<any>;\r\n   props: any;\r\n};\r\n\r\nconst Components: StoredComponent[] = [];\r\nlet dispatch: (() => void) | null = null;\r\n\r\nexport class Renderar {\r\n   static render(component: React.FC, props?: any) {\r\n      Components.push({ component, props });\r\n      if (dispatch) dispatch();\r\n      return {\r\n         unrender: () => this.unrender(component),\r\n         updateProps: (newProps: any) => this.updateProps(component, newProps),\r\n      };\r\n   }\r\n\r\n   static unrender(component: React.FC) {\r\n      const index = Components.findIndex((c) => c.component === component);\r\n      if (index > -1) {\r\n         Components.splice(index, 1);\r\n         if (dispatch) dispatch();\r\n      }\r\n   }\r\n\r\n   static updateProps(component: React.FC, props: any) {\r\n      const stored = Components.find((c) => c.component === component);\r\n      if (stored) stored.props = { ...stored.props, ...props };\r\n      if (dispatch) dispatch();\r\n   }\r\n}\r\n\r\nexport const RenderRenderar = () => {\r\n   const [, setState] = useState(0);\r\n   dispatch = () => setState((prev) => prev + 1);\r\n\r\n   return (\r\n      <>\r\n         {Components.map(({ component: Component, props }, i) => (\r\n            <Component key={i} {...props} />\r\n         ))}\r\n      </>\r\n   );\r\n};"],"names":["useState","_jsx","_Fragment"],"mappings":";;;;;AAQA,MAAM,UAAU,GAAsB,EAAE;AACxC,IAAI,QAAQ,GAAwB,IAAI;MAE3B,QAAQ,CAAA;AAClB,IAAA,OAAO,MAAM,CAAC,SAAmB,EAAE,KAAW,EAAA;QAC3C,UAAU,CAAC,IAAI,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;AACrC,QAAA,IAAI,QAAQ;AAAE,YAAA,QAAQ,EAAE;QACxB,OAAO;YACJ,QAAQ,EAAE,MAAM,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC;AACxC,YAAA,WAAW,EAAE,CAAC,QAAa,KAAK,IAAI,CAAC,WAAW,CAAC,SAAS,EAAE,QAAQ,CAAC;SACvE;IACJ;IAEA,OAAO,QAAQ,CAAC,SAAmB,EAAA;AAChC,QAAA,MAAM,KAAK,GAAG,UAAU,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,SAAS,KAAK,SAAS,CAAC;AACpE,QAAA,IAAI,KAAK,GAAG,EAAE,EAAE;AACb,YAAA,UAAU,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC;AAC3B,YAAA,IAAI,QAAQ;AAAE,gBAAA,QAAQ,EAAE;QAC3B;IACH;AAEA,IAAA,OAAO,WAAW,CAAC,SAAmB,EAAE,KAAU,EAAA;AAC/C,QAAA,MAAM,MAAM,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,SAAS,KAAK,SAAS,CAAC;AAChE,QAAA,IAAI,MAAM;YAAE,MAAM,CAAC,KAAK,GAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAQ,MAAM,CAAC,KAAK,CAAA,EAAK,KAAK,CAAE;AACxD,QAAA,IAAI,QAAQ;AAAE,YAAA,QAAQ,EAAE;IAC3B;AACF;AAEM,MAAM,cAAc,GAAG,MAAK;IAChC,MAAM,GAAG,QAAQ,CAAC,GAAGA,cAAQ,CAAC,CAAC,CAAC;AAChC,IAAA,QAAQ,GAAG,MAAM,QAAQ,CAAC,CAAC,IAAI,KAAK,IAAI,GAAG,CAAC,CAAC;AAE7C,IAAA,QACGC,cAAA,CAAAC,mBAAA,EAAA,EAAA,QAAA,EACI,UAAU,CAAC,GAAG,CAAC,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,CAAC,MAChDD,cAAA,CAAC,SAAS,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAa,KAAK,CAAA,EAAZ,CAAC,CAAe,CAClC,CAAC,EAAA,CACF;AAET;;;;;"}

package/AppRoot/Renderar.d.ts

@@ -1,12 +1,12 @@
 import React__default from 'react';
 
 declare class Renderar {
-    static render(component: React__default.FunctionComponent, props?: any): {
+    static render(component: React__default.FC, props?: any): {
         unrender: () => void;
         updateProps: (newProps: any) => void;
     };
-    static unrender(component: React__default.FunctionComponent): void;
-    static updateProps(component: React__default.FunctionComponent, props: any): void;
+    static unrender(component: React__default.FC): void;
+    static updateProps(component: React__default.FC, props: any): void;
 }
 
 export { Renderar };

package/AppRoot/Renderar.js

@@ -1,21 +1,16 @@
-import { jsx } from 'react/jsx-runtime';
-import React__default, { memo } from 'react';
+import { jsx, Fragment } from 'react/jsx-runtime';
+import { useState } from 'react';
 
 const Components = [];
 let dispatch = null;
 class Renderar {
     static render(component, props) {
         Components.push({ component, props });
-        if (dispatch) {
+        if (dispatch)
             dispatch();
-        }
         return {
-            unrender: () => {
-                this.unrender(component);
-            },
-            updateProps: (newProps) => {
-                this.updateProps(component, newProps);
-            }
+            unrender: () => this.unrender(component),
+            updateProps: (newProps) => this.updateProps(component, newProps),
         };
     }
     static unrender(component) {
@@ -27,25 +22,18 @@ class Renderar {
         }
     }
     static updateProps(component, props) {
-        const storedComponent = Components.find((c) => c.component === component);
-        if (storedComponent) {
-            storedComponent.props = Object.assign(Object.assign({}, storedComponent.props), props);
-        }
+        const stored = Components.find((c) => c.component === component);
+        if (stored)
+            stored.props = Object.assign(Object.assign({}, stored.props), props);
         if (dispatch)
             dispatch();
     }
 }
-const RenderRenderar = memo(() => {
-    const [, setState] = React__default.useState(0);
-    if (!dispatch) {
-        dispatch = () => {
-            setState((prev) => prev + 1);
-        };
-    }
-    return Components.map(({ component: Component, props }, index) => {
-        return jsx(Component, Object.assign({}, props), index);
-    });
-});
+const RenderRenderar = () => {
+    const [, setState] = useState(0);
+    dispatch = () => setState((prev) => prev + 1);
+    return (jsx(Fragment, { children: Components.map(({ component: Component, props }, i) => (jsx(Component, Object.assign({}, props), i))) }));
+};
 
 export { RenderRenderar, Renderar };
 //# sourceMappingURL=Renderar.js.map

package/AppRoot/Renderar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Renderar.js","sources":["../../src/AppRoot/Renderar.tsx"],"sourcesContent":["import React, { memo, ReactElement } from \"react\";\r\n\r\ntype StoredComponent = {\r\n   component: React.FunctionComponent<any>;\r\n   props: any;\r\n};\r\n\r\nconst Components: StoredComponent[] = [];\r\nlet dispatch: (() => void) | null = null;\r\n\r\nexport class Renderar {\r\n   static render(component: React.FunctionComponent, props?: any) {\r\n      Components.push({ component, props });\r\n\r\n      if (dispatch) {\r\n         dispatch();\r\n      }\r\n\r\n      return {\r\n         unrender: () => {\r\n            this.unrender(component);\r\n         },\r\n         updateProps: (newProps: any) => {\r\n            this.updateProps(component, newProps);\r\n         }\r\n      };\r\n   }\r\n\r\n   static unrender(component: React.FunctionComponent) {\r\n      const index = Components.findIndex((c) => c.component === component);\r\n      if (index > -1) {\r\n         Components.splice(index, 1);\r\n         if (dispatch) dispatch();\r\n      }\r\n   }\r\n\r\n   static updateProps(component: React.FunctionComponent, props: any) {\r\n      const storedComponent = Components.find((c) => c.component === component);\r\n      if (storedComponent) {\r\n         storedComponent.props = { ...storedComponent.props, ...props };\r\n      }\r\n      if (dispatch) dispatch();\r\n   }\r\n}\r\n\r\nexport const RenderRenderar = memo(() => {\r\n   const [, setState] = React.useState(0);\r\n\r\n   if (!dispatch) {\r\n      dispatch = () => {\r\n         setState((prev) => prev + 1);\r\n      };\r\n   }\r\n\r\n   return Components.map(({ component: Component, props }, index): ReactElement => {\r\n      return <Component key={index} {...props} />;\r\n   });\r\n})\r\n"],"names":["React","_jsx"],"mappings":";;;AAOA,MAAM,UAAU,GAAsB,EAAE;AACxC,IAAI,QAAQ,GAAwB,IAAI;MAE3B,QAAQ,CAAA;AAClB,IAAA,OAAO,MAAM,CAAC,SAAkC,EAAE,KAAW,EAAA;QAC1D,UAAU,CAAC,IAAI,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;QAErC,IAAI,QAAQ,EAAE;AACX,YAAA,QAAQ,EAAE;QACb;QAEA,OAAO;YACJ,QAAQ,EAAE,MAAK;AACZ,gBAAA,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC;YAC3B,CAAC;AACD,YAAA,WAAW,EAAE,CAAC,QAAa,KAAI;AAC5B,gBAAA,IAAI,CAAC,WAAW,CAAC,SAAS,EAAE,QAAQ,CAAC;YACxC;SACF;IACJ;IAEA,OAAO,QAAQ,CAAC,SAAkC,EAAA;AAC/C,QAAA,MAAM,KAAK,GAAG,UAAU,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,SAAS,KAAK,SAAS,CAAC;AACpE,QAAA,IAAI,KAAK,GAAG,EAAE,EAAE;AACb,YAAA,UAAU,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC;AAC3B,YAAA,IAAI,QAAQ;AAAE,gBAAA,QAAQ,EAAE;QAC3B;IACH;AAEA,IAAA,OAAO,WAAW,CAAC,SAAkC,EAAE,KAAU,EAAA;AAC9D,QAAA,MAAM,eAAe,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,SAAS,KAAK,SAAS,CAAC;QACzE,IAAI,eAAe,EAAE;YAClB,eAAe,CAAC,KAAK,GAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAQ,eAAe,CAAC,KAAK,CAAA,EAAK,KAAK,CAAE;QACjE;AACA,QAAA,IAAI,QAAQ;AAAE,YAAA,QAAQ,EAAE;IAC3B;AACF;AAEM,MAAM,cAAc,GAAG,IAAI,CAAC,MAAK;IACrC,MAAM,GAAG,QAAQ,CAAC,GAAGA,cAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEtC,IAAI,CAAC,QAAQ,EAAE;QACZ,QAAQ,GAAG,MAAK;YACb,QAAQ,CAAC,CAAC,IAAI,KAAK,IAAI,GAAG,CAAC,CAAC;AAC/B,QAAA,CAAC;IACJ;AAEA,IAAA,OAAO,UAAU,CAAC,GAAG,CAAC,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,KAAK,KAAkB;AAC5E,QAAA,OAAOC,IAAC,SAAS,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAiB,KAAK,CAAA,EAAhB,KAAK,CAAe;AAC9C,IAAA,CAAC,CAAC;AACL,CAAC;;;;"}
+{"version":3,"file":"Renderar.js","sources":["../../src/AppRoot/Renderar.tsx"],"sourcesContent":["// Renderar.tsx\r\nimport React, { useState } from \"react\";\r\n\r\ntype StoredComponent = {\r\n   component: React.FC<any>;\r\n   props: any;\r\n};\r\n\r\nconst Components: StoredComponent[] = [];\r\nlet dispatch: (() => void) | null = null;\r\n\r\nexport class Renderar {\r\n   static render(component: React.FC, props?: any) {\r\n      Components.push({ component, props });\r\n      if (dispatch) dispatch();\r\n      return {\r\n         unrender: () => this.unrender(component),\r\n         updateProps: (newProps: any) => this.updateProps(component, newProps),\r\n      };\r\n   }\r\n\r\n   static unrender(component: React.FC) {\r\n      const index = Components.findIndex((c) => c.component === component);\r\n      if (index > -1) {\r\n         Components.splice(index, 1);\r\n         if (dispatch) dispatch();\r\n      }\r\n   }\r\n\r\n   static updateProps(component: React.FC, props: any) {\r\n      const stored = Components.find((c) => c.component === component);\r\n      if (stored) stored.props = { ...stored.props, ...props };\r\n      if (dispatch) dispatch();\r\n   }\r\n}\r\n\r\nexport const RenderRenderar = () => {\r\n   const [, setState] = useState(0);\r\n   dispatch = () => setState((prev) => prev + 1);\r\n\r\n   return (\r\n      <>\r\n         {Components.map(({ component: Component, props }, i) => (\r\n            <Component key={i} {...props} />\r\n         ))}\r\n      </>\r\n   );\r\n};"],"names":["_jsx","_Fragment"],"mappings":";;;AAQA,MAAM,UAAU,GAAsB,EAAE;AACxC,IAAI,QAAQ,GAAwB,IAAI;MAE3B,QAAQ,CAAA;AAClB,IAAA,OAAO,MAAM,CAAC,SAAmB,EAAE,KAAW,EAAA;QAC3C,UAAU,CAAC,IAAI,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;AACrC,QAAA,IAAI,QAAQ;AAAE,YAAA,QAAQ,EAAE;QACxB,OAAO;YACJ,QAAQ,EAAE,MAAM,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC;AACxC,YAAA,WAAW,EAAE,CAAC,QAAa,KAAK,IAAI,CAAC,WAAW,CAAC,SAAS,EAAE,QAAQ,CAAC;SACvE;IACJ;IAEA,OAAO,QAAQ,CAAC,SAAmB,EAAA;AAChC,QAAA,MAAM,KAAK,GAAG,UAAU,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,SAAS,KAAK,SAAS,CAAC;AACpE,QAAA,IAAI,KAAK,GAAG,EAAE,EAAE;AACb,YAAA,UAAU,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC;AAC3B,YAAA,IAAI,QAAQ;AAAE,gBAAA,QAAQ,EAAE;QAC3B;IACH;AAEA,IAAA,OAAO,WAAW,CAAC,SAAmB,EAAE,KAAU,EAAA;AAC/C,QAAA,MAAM,MAAM,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,SAAS,KAAK,SAAS,CAAC;AAChE,QAAA,IAAI,MAAM;YAAE,MAAM,CAAC,KAAK,GAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAQ,MAAM,CAAC,KAAK,CAAA,EAAK,KAAK,CAAE;AACxD,QAAA,IAAI,QAAQ;AAAE,YAAA,QAAQ,EAAE;IAC3B;AACF;AAEM,MAAM,cAAc,GAAG,MAAK;IAChC,MAAM,GAAG,QAAQ,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC;AAChC,IAAA,QAAQ,GAAG,MAAM,QAAQ,CAAC,CAAC,IAAI,KAAK,IAAI,GAAG,CAAC,CAAC;AAE7C,IAAA,QACGA,GAAA,CAAAC,QAAA,EAAA,EAAA,QAAA,EACI,UAAU,CAAC,GAAG,CAAC,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,CAAC,MAChDD,GAAA,CAAC,SAAS,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAa,KAAK,CAAA,EAAZ,CAAC,CAAe,CAClC,CAAC,EAAA,CACF;AAET;;;;"}

package/AppRoot/index.cjs

@@ -27,11 +27,11 @@ const AppRoot = React.forwardRef((_a, ref) => {
     const docid = React.useId();
     const csscacheId = React.useId();
     CSSCacheId !== null && CSSCacheId !== void 0 ? CSSCacheId : (CSSCacheId = csscacheId);
-    const [visibility, setVisibility] = React.useState("hidden");
+    // const [visibility, setVisibility] = React.useState<string>("hidden");
     const rootRef = React.useRef(null);
     const mergeRef = useMergeRefs(rootRef, ref);
     React.useEffect(() => {
-        setVisibility("visible");
+        // setVisibility("visible");
         // move oncss style tags to head
         if (typeof _document === 'undefined')
             return;
@@ -49,7 +49,7 @@ const AppRoot = React.forwardRef((_a, ref) => {
             }
         };
     }
-    return (jsxRuntime.jsx(index.DocumentProvider, { value: _document ? { document: _document, id: docid } : undefined, children: jsxRuntime.jsx(CSSCacheProvider.CSSCacheProvider, { cacheId: CSSCacheId, children: jsxRuntime.jsx(AppRootProvider.AppRootProvider, { element: () => rootRef.current, children: jsxRuntime.jsx(ThemeProvider, Object.assign({ theme: theme }, props, { ref: mergeRef, isRoot: true, sx: Object.assign(Object.assign(Object.assign({}, props.sx), (visibility === "hidden" ? { visibility: "hidden" } : {})), selection), children: jsxRuntime.jsxs(BreakpointProvider.BreakpointProvider, { children: [children, !disableRenderar && jsxRuntime.jsx(Renderar.RenderRenderar, {})] }) })) }) }) }));
+    return (jsxRuntime.jsx(index.DocumentProvider, { value: _document ? { document: _document, id: docid } : undefined, children: jsxRuntime.jsx(CSSCacheProvider.CSSCacheProvider, { cacheId: CSSCacheId, children: jsxRuntime.jsx(AppRootProvider.AppRootProvider, { element: () => rootRef.current, children: jsxRuntime.jsx(ThemeProvider, Object.assign({ theme: theme }, props, { ref: mergeRef, isRoot: true, sx: Object.assign(Object.assign({}, props.sx), selection), children: jsxRuntime.jsxs(BreakpointProvider.BreakpointProvider, { children: [children, !disableRenderar && jsxRuntime.jsx(Renderar.RenderRenderar, {})] }) })) }) }) }));
 });
 
 module.exports = AppRoot;

package/AppRoot/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../src/AppRoot/index.tsx"],"sourcesContent":["\"use client\";\r\nimport React, { useEffect, useId, useRef } from 'react';\r\nimport { TagComponentType } from '../Tag/types';\r\nimport { ThemeProvider, ThemeProviderProps } from '../theme';\r\nimport { BreakpointProvider } from '../breakpoint';\r\nimport { RenderRenderar } from './Renderar';\r\nimport { DocumentProvider } from '../Document';\r\nimport { AppRootProvider } from './AppRootProvider';\r\nimport useMergeRefs from '../hooks/useMergeRefs';\r\nimport { CSSCacheProvider } from '../css/CSSCacheProvider';\r\n\r\nexport type AppRootProps<T extends TagComponentType = \"div\"> = ThemeProviderProps<T> & {\r\n   noScrollbarCss?: boolean;\r\n   document?: Document;\r\n   CSSCacheId?: string;\r\n   disableRenderar?: boolean;\r\n   selectionColor?: \"default\" | \"brand\" | \"accent\" | \"success\" | \"info\" | \"warning\" | \"danger\";\r\n}\r\n\r\nconst AppRoot = React.forwardRef(<T extends TagComponentType = \"div\">({ children, noScrollbarCss, CSSCacheId, theme, disableRenderar, selectionColor, document: _document, ...props }: AppRootProps<T>, ref: React.Ref<any>) => {\r\n   noScrollbarCss ??= false\r\n   selectionColor ??= \"brand\"\r\n   if (typeof window !== \"undefined\") {\r\n      _document ??= document\r\n   }\r\n   disableRenderar ??= false\r\n   const docid = useId()\r\n   const csscacheId = useId()\r\n   CSSCacheId ??= csscacheId\r\n\r\n   const [visibility, setVisibility] = React.useState<string>(\"hidden\");\r\n   const rootRef = useRef(null)\r\n   const mergeRef = useMergeRefs(rootRef, ref)\r\n\r\n   useEffect(() => {\r\n      setVisibility(\"visible\");\r\n\r\n      // move oncss style tags to head\r\n      if (typeof _document === 'undefined') return;\r\n      const styles = Array.from(_document.querySelectorAll('body style[data-oncss]'));\r\n      styles.forEach((style) => {\r\n         _document.head.appendChild(style);\r\n      });\r\n   }, [])\r\n   let selection: any = {}\r\n   if (selectionColor && selectionColor !== 'default') {\r\n      selection = {\r\n         \"&::selection\": {\r\n            bgcolor: `${selectionColor}.primary`,\r\n            color: `${selectionColor}.text`\r\n         }\r\n      }\r\n   }\r\n\r\n   return (\r\n      <DocumentProvider value={_document ? { document: _document, id: docid } : undefined}>\r\n         <CSSCacheProvider cacheId={CSSCacheId}>\r\n            <AppRootProvider element={() => rootRef.current}>\r\n               <ThemeProvider\r\n                  theme={theme}\r\n                  {...props}\r\n                  ref={mergeRef}\r\n                  isRoot\r\n                  sx={{\r\n                     ...props.sx,\r\n                     ...(visibility === \"hidden\" ? { visibility: \"hidden\" } : {}),\r\n                     ...selection\r\n                  }}\r\n               >\r\n                  <BreakpointProvider>\r\n                     {children}\r\n                     {!disableRenderar && <RenderRenderar />}\r\n                  </BreakpointProvider>\r\n               </ThemeProvider>\r\n            </AppRootProvider>\r\n         </CSSCacheProvider>\r\n      </DocumentProvider>\r\n   )\r\n})\r\n\r\nexport default AppRoot\r\n\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAmBA;;;;AAGG;;;;AAIA;AACA;;AAGA;AACA;;;;;;;AAQG;AACA;AACG;AACH;;;AAGH;AACG;AACG;;;AAGC;;;;AA4BV;;"}
+{"version":3,"file":"index.cjs","sources":["../../src/AppRoot/index.tsx"],"sourcesContent":["\"use client\";\r\nimport React, { useEffect, useId, useRef } from 'react';\r\nimport { TagComponentType } from '../Tag/types';\r\nimport { ThemeProvider, ThemeProviderProps } from '../theme';\r\nimport { BreakpointProvider } from '../breakpoint';\r\nimport { RenderRenderar } from './Renderar';\r\nimport { DocumentProvider } from '../Document';\r\nimport { AppRootProvider } from './AppRootProvider';\r\nimport useMergeRefs from '../hooks/useMergeRefs';\r\nimport { CSSCacheProvider } from '../css/CSSCacheProvider';\r\n\r\nexport type AppRootProps<T extends TagComponentType = \"div\"> = ThemeProviderProps<T> & {\r\n   noScrollbarCss?: boolean;\r\n   document?: Document;\r\n   CSSCacheId?: string;\r\n   disableRenderar?: boolean;\r\n   selectionColor?: \"default\" | \"brand\" | \"accent\" | \"success\" | \"info\" | \"warning\" | \"danger\";\r\n}\r\n\r\nconst AppRoot = React.forwardRef(<T extends TagComponentType = \"div\">({ children, noScrollbarCss, CSSCacheId, theme, disableRenderar, selectionColor, document: _document, ...props }: AppRootProps<T>, ref: React.Ref<any>) => {\r\n   noScrollbarCss ??= false\r\n   selectionColor ??= \"brand\"\r\n   if (typeof window !== \"undefined\") {\r\n      _document ??= document\r\n   }\r\n   disableRenderar ??= false\r\n   const docid = useId()\r\n   const csscacheId = useId()\r\n   CSSCacheId ??= csscacheId\r\n\r\n   // const [visibility, setVisibility] = React.useState<string>(\"hidden\");\r\n   const rootRef = useRef(null)\r\n   const mergeRef = useMergeRefs(rootRef, ref)\r\n\r\n   useEffect(() => {\r\n      // setVisibility(\"visible\");\r\n\r\n      // move oncss style tags to head\r\n      if (typeof _document === 'undefined') return;\r\n      const styles = Array.from(_document.querySelectorAll('body style[data-oncss]'));\r\n      styles.forEach((style) => {\r\n         _document.head.appendChild(style);\r\n      });\r\n   }, [])\r\n   let selection: any = {}\r\n   if (selectionColor && selectionColor !== 'default') {\r\n      selection = {\r\n         \"&::selection\": {\r\n            bgcolor: `${selectionColor}.primary`,\r\n            color: `${selectionColor}.text`\r\n         }\r\n      }\r\n   }\r\n\r\n   return (\r\n      <DocumentProvider value={_document ? { document: _document, id: docid } : undefined}>\r\n         <CSSCacheProvider cacheId={CSSCacheId}>\r\n            <AppRootProvider element={() => rootRef.current}>\r\n               <ThemeProvider\r\n                  theme={theme}\r\n                  {...props}\r\n                  ref={mergeRef}\r\n                  isRoot\r\n                  sx={{\r\n                     ...props.sx,\r\n                     // ...(visibility === \"hidden\" ? { visibility: \"hidden\" } : {}),\r\n                     ...selection\r\n                  }}\r\n               >\r\n                  <BreakpointProvider>\r\n                     {children}\r\n                     {!disableRenderar && <RenderRenderar />}\r\n                  </BreakpointProvider>\r\n               </ThemeProvider>\r\n            </AppRootProvider>\r\n         </CSSCacheProvider>\r\n      </DocumentProvider>\r\n   )\r\n})\r\n\r\nexport default AppRoot\r\n\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAmBA;;;;AAGG;;;;AAIA;AACA;;;AAIA;;;;;;;AAQG;AACA;AACG;AACH;;;AAGH;AACG;AACG;;;AAGC;;;AAIP;AAwBH;;"}

package/AppRoot/index.js

@@ -25,11 +25,11 @@ const AppRoot = React__default.forwardRef((_a, ref) => {
     const docid = useId();
     const csscacheId = useId();
     CSSCacheId !== null && CSSCacheId !== void 0 ? CSSCacheId : (CSSCacheId = csscacheId);
-    const [visibility, setVisibility] = React__default.useState("hidden");
+    // const [visibility, setVisibility] = React.useState<string>("hidden");
     const rootRef = useRef(null);
     const mergeRef = useMergeRefs(rootRef, ref);
     useEffect(() => {
-        setVisibility("visible");
+        // setVisibility("visible");
         // move oncss style tags to head
         if (typeof _document === 'undefined')
             return;
@@ -47,7 +47,7 @@ const AppRoot = React__default.forwardRef((_a, ref) => {
             }
         };
     }
-    return (jsx(DocumentProvider, { value: _document ? { document: _document, id: docid } : undefined, children: jsx(CSSCacheProvider, { cacheId: CSSCacheId, children: jsx(AppRootProvider, { element: () => rootRef.current, children: jsx(ThemeProvider, Object.assign({ theme: theme }, props, { ref: mergeRef, isRoot: true, sx: Object.assign(Object.assign(Object.assign({}, props.sx), (visibility === "hidden" ? { visibility: "hidden" } : {})), selection), children: jsxs(BreakpointProvider, { children: [children, !disableRenderar && jsx(RenderRenderar, {})] }) })) }) }) }));
+    return (jsx(DocumentProvider, { value: _document ? { document: _document, id: docid } : undefined, children: jsx(CSSCacheProvider, { cacheId: CSSCacheId, children: jsx(AppRootProvider, { element: () => rootRef.current, children: jsx(ThemeProvider, Object.assign({ theme: theme }, props, { ref: mergeRef, isRoot: true, sx: Object.assign(Object.assign({}, props.sx), selection), children: jsxs(BreakpointProvider, { children: [children, !disableRenderar && jsx(RenderRenderar, {})] }) })) }) }) }));
 });
 
 export { AppRoot as default };

package/AppRoot/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/AppRoot/index.tsx"],"sourcesContent":["\"use client\";\r\nimport React, { useEffect, useId, useRef } from 'react';\r\nimport { TagComponentType } from '../Tag/types';\r\nimport { ThemeProvider, ThemeProviderProps } from '../theme';\r\nimport { BreakpointProvider } from '../breakpoint';\r\nimport { RenderRenderar } from './Renderar';\r\nimport { DocumentProvider } from '../Document';\r\nimport { AppRootProvider } from './AppRootProvider';\r\nimport useMergeRefs from '../hooks/useMergeRefs';\r\nimport { CSSCacheProvider } from '../css/CSSCacheProvider';\r\n\r\nexport type AppRootProps<T extends TagComponentType = \"div\"> = ThemeProviderProps<T> & {\r\n   noScrollbarCss?: boolean;\r\n   document?: Document;\r\n   CSSCacheId?: string;\r\n   disableRenderar?: boolean;\r\n   selectionColor?: \"default\" | \"brand\" | \"accent\" | \"success\" | \"info\" | \"warning\" | \"danger\";\r\n}\r\n\r\nconst AppRoot = React.forwardRef(<T extends TagComponentType = \"div\">({ children, noScrollbarCss, CSSCacheId, theme, disableRenderar, selectionColor, document: _document, ...props }: AppRootProps<T>, ref: React.Ref<any>) => {\r\n   noScrollbarCss ??= false\r\n   selectionColor ??= \"brand\"\r\n   if (typeof window !== \"undefined\") {\r\n      _document ??= document\r\n   }\r\n   disableRenderar ??= false\r\n   const docid = useId()\r\n   const csscacheId = useId()\r\n   CSSCacheId ??= csscacheId\r\n\r\n   const [visibility, setVisibility] = React.useState<string>(\"hidden\");\r\n   const rootRef = useRef(null)\r\n   const mergeRef = useMergeRefs(rootRef, ref)\r\n\r\n   useEffect(() => {\r\n      setVisibility(\"visible\");\r\n\r\n      // move oncss style tags to head\r\n      if (typeof _document === 'undefined') return;\r\n      const styles = Array.from(_document.querySelectorAll('body style[data-oncss]'));\r\n      styles.forEach((style) => {\r\n         _document.head.appendChild(style);\r\n      });\r\n   }, [])\r\n   let selection: any = {}\r\n   if (selectionColor && selectionColor !== 'default') {\r\n      selection = {\r\n         \"&::selection\": {\r\n            bgcolor: `${selectionColor}.primary`,\r\n            color: `${selectionColor}.text`\r\n         }\r\n      }\r\n   }\r\n\r\n   return (\r\n      <DocumentProvider value={_document ? { document: _document, id: docid } : undefined}>\r\n         <CSSCacheProvider cacheId={CSSCacheId}>\r\n            <AppRootProvider element={() => rootRef.current}>\r\n               <ThemeProvider\r\n                  theme={theme}\r\n                  {...props}\r\n                  ref={mergeRef}\r\n                  isRoot\r\n                  sx={{\r\n                     ...props.sx,\r\n                     ...(visibility === \"hidden\" ? { visibility: \"hidden\" } : {}),\r\n                     ...selection\r\n                  }}\r\n               >\r\n                  <BreakpointProvider>\r\n                     {children}\r\n                     {!disableRenderar && <RenderRenderar />}\r\n                  </BreakpointProvider>\r\n               </ThemeProvider>\r\n            </AppRootProvider>\r\n         </CSSCacheProvider>\r\n      </DocumentProvider>\r\n   )\r\n})\r\n\r\nexport default AppRoot\r\n\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAmBA;;;;AAGG;;;;AAIA;AACA;;AAGA;AACA;;;;;;;AAQG;AACA;AACG;AACH;;;AAGH;AACG;AACG;;;AAGC;;;;AA4BV;;"}
+{"version":3,"file":"index.js","sources":["../../src/AppRoot/index.tsx"],"sourcesContent":["\"use client\";\r\nimport React, { useEffect, useId, useRef } from 'react';\r\nimport { TagComponentType } from '../Tag/types';\r\nimport { ThemeProvider, ThemeProviderProps } from '../theme';\r\nimport { BreakpointProvider } from '../breakpoint';\r\nimport { RenderRenderar } from './Renderar';\r\nimport { DocumentProvider } from '../Document';\r\nimport { AppRootProvider } from './AppRootProvider';\r\nimport useMergeRefs from '../hooks/useMergeRefs';\r\nimport { CSSCacheProvider } from '../css/CSSCacheProvider';\r\n\r\nexport type AppRootProps<T extends TagComponentType = \"div\"> = ThemeProviderProps<T> & {\r\n   noScrollbarCss?: boolean;\r\n   document?: Document;\r\n   CSSCacheId?: string;\r\n   disableRenderar?: boolean;\r\n   selectionColor?: \"default\" | \"brand\" | \"accent\" | \"success\" | \"info\" | \"warning\" | \"danger\";\r\n}\r\n\r\nconst AppRoot = React.forwardRef(<T extends TagComponentType = \"div\">({ children, noScrollbarCss, CSSCacheId, theme, disableRenderar, selectionColor, document: _document, ...props }: AppRootProps<T>, ref: React.Ref<any>) => {\r\n   noScrollbarCss ??= false\r\n   selectionColor ??= \"brand\"\r\n   if (typeof window !== \"undefined\") {\r\n      _document ??= document\r\n   }\r\n   disableRenderar ??= false\r\n   const docid = useId()\r\n   const csscacheId = useId()\r\n   CSSCacheId ??= csscacheId\r\n\r\n   // const [visibility, setVisibility] = React.useState<string>(\"hidden\");\r\n   const rootRef = useRef(null)\r\n   const mergeRef = useMergeRefs(rootRef, ref)\r\n\r\n   useEffect(() => {\r\n      // setVisibility(\"visible\");\r\n\r\n      // move oncss style tags to head\r\n      if (typeof _document === 'undefined') return;\r\n      const styles = Array.from(_document.querySelectorAll('body style[data-oncss]'));\r\n      styles.forEach((style) => {\r\n         _document.head.appendChild(style);\r\n      });\r\n   }, [])\r\n   let selection: any = {}\r\n   if (selectionColor && selectionColor !== 'default') {\r\n      selection = {\r\n         \"&::selection\": {\r\n            bgcolor: `${selectionColor}.primary`,\r\n            color: `${selectionColor}.text`\r\n         }\r\n      }\r\n   }\r\n\r\n   return (\r\n      <DocumentProvider value={_document ? { document: _document, id: docid } : undefined}>\r\n         <CSSCacheProvider cacheId={CSSCacheId}>\r\n            <AppRootProvider element={() => rootRef.current}>\r\n               <ThemeProvider\r\n                  theme={theme}\r\n                  {...props}\r\n                  ref={mergeRef}\r\n                  isRoot\r\n                  sx={{\r\n                     ...props.sx,\r\n                     // ...(visibility === \"hidden\" ? { visibility: \"hidden\" } : {}),\r\n                     ...selection\r\n                  }}\r\n               >\r\n                  <BreakpointProvider>\r\n                     {children}\r\n                     {!disableRenderar && <RenderRenderar />}\r\n                  </BreakpointProvider>\r\n               </ThemeProvider>\r\n            </AppRootProvider>\r\n         </CSSCacheProvider>\r\n      </DocumentProvider>\r\n   )\r\n})\r\n\r\nexport default AppRoot\r\n\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAmBA;;;;AAGG;;;;AAIA;AACA;;;AAIA;;;;;;;AAQG;AACA;AACG;AACH;;;AAGH;AACG;AACG;;;AAGC;;;AAIP;AAwBH;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xanui/core",
-  "version": "1.2.53",
+  "version": "1.2.55",
   "description": "Xanui Core Library",
   "private": false,
   "main": "./index.cjs",