@xanui/core 1.2.40 → 1.2.42

package/AppRoot/Renderar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Renderar.js","sources":["../../src/AppRoot/Renderar.tsx"],"sourcesContent":["import React, { ReactElement } from \"react\";\n\ntype StoredComponent = {\n   component: React.FunctionComponent<any>;\n   props: any;\n};\n\nconst Components: StoredComponent[] = [];\nlet dispatch: (() => void) | null = null;\n\nexport class Renderar {\n   static render(component: React.FunctionComponent, props?: any) {\n      Components.push({ component, props });\n\n      if (dispatch) {\n         dispatch();\n      }\n\n      return {\n         unrender: () => {\n            this.unrender(component);\n         },\n         updateProps: (newProps: any) => {\n            this.updateProps(component, newProps);\n         }\n      };\n   }\n\n   static unrender(component: React.FunctionComponent) {\n      const index = Components.findIndex((c) => c.component === component);\n      if (index > -1) {\n         Components.splice(index, 1);\n         if (dispatch) dispatch();\n      }\n   }\n\n   static updateProps(component: React.FunctionComponent, props: any) {\n      const storedComponent = Components.find((c) => c.component === component);\n      if (storedComponent) {\n         storedComponent.props = { ...storedComponent.props, ...props };\n      }\n      if (dispatch) dispatch();\n   }\n}\n\nexport const RenderRenderar = () => {\n   const [, setState] = React.useState(0);\n\n   if (!dispatch) {\n      dispatch = () => {\n         setState((prev) => prev + 1);\n      };\n   }\n\n   return Components.map(({ component: Component, props }, index): ReactElement => {\n      return <Component key={index} {...props} />;\n   });\n};\n"],"names":["_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,MAAK;IAChC,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,OAAOA,eAAC,SAAS,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAiB,KAAK,CAAA,EAAhB,KAAK,CAAe;AAC9C,IAAA,CAAC,CAAC;AACL;;;;;"}
+{"version":3,"file":"Renderar.js","sources":["../../src/AppRoot/Renderar.tsx"],"sourcesContent":["import React, { 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 = () => {\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":["_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,MAAK;IAChC,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,OAAOA,eAAC,SAAS,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAiB,KAAK,CAAA,EAAhB,KAAK,CAAe;AAC9C,IAAA,CAAC,CAAC;AACL;;;;;"}

package/AppRoot/Renderar.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Renderar.mjs","sources":["../../src/AppRoot/Renderar.tsx"],"sourcesContent":["import React, { ReactElement } from \"react\";\n\ntype StoredComponent = {\n   component: React.FunctionComponent<any>;\n   props: any;\n};\n\nconst Components: StoredComponent[] = [];\nlet dispatch: (() => void) | null = null;\n\nexport class Renderar {\n   static render(component: React.FunctionComponent, props?: any) {\n      Components.push({ component, props });\n\n      if (dispatch) {\n         dispatch();\n      }\n\n      return {\n         unrender: () => {\n            this.unrender(component);\n         },\n         updateProps: (newProps: any) => {\n            this.updateProps(component, newProps);\n         }\n      };\n   }\n\n   static unrender(component: React.FunctionComponent) {\n      const index = Components.findIndex((c) => c.component === component);\n      if (index > -1) {\n         Components.splice(index, 1);\n         if (dispatch) dispatch();\n      }\n   }\n\n   static updateProps(component: React.FunctionComponent, props: any) {\n      const storedComponent = Components.find((c) => c.component === component);\n      if (storedComponent) {\n         storedComponent.props = { ...storedComponent.props, ...props };\n      }\n      if (dispatch) dispatch();\n   }\n}\n\nexport const RenderRenderar = () => {\n   const [, setState] = React.useState(0);\n\n   if (!dispatch) {\n      dispatch = () => {\n         setState((prev) => prev + 1);\n      };\n   }\n\n   return Components.map(({ component: Component, props }, index): ReactElement => {\n      return <Component key={index} {...props} />;\n   });\n};\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,MAAK;IAChC,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;;;;"}
+{"version":3,"file":"Renderar.mjs","sources":["../../src/AppRoot/Renderar.tsx"],"sourcesContent":["import React, { 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 = () => {\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,MAAK;IAChC,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;;;;"}

package/AppRoot/context.d.ts

@@ -0,0 +1,3 @@
+declare const useAppRootElement: () => HTMLElement;
+
+export { useAppRootElement };

package/AppRoot/context.js

@@ -0,0 +1,20 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+
+const AppRootContext = React.createContext(null);
+const AppRootProvider = ({ element, children }) => {
+    return (jsxRuntime.jsx(AppRootContext.Provider, { value: element, children: children }));
+};
+const useAppRootElement = () => {
+    const context = React.useContext(AppRootContext);
+    if (typeof window === 'undefined') {
+        return null;
+    }
+    return context;
+};
+
+exports.AppRootProvider = AppRootProvider;
+exports.useAppRootElement = useAppRootElement;
+//# sourceMappingURL=context.js.map

package/AppRoot/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","sources":["../../src/AppRoot/context.tsx"],"sourcesContent":["import React from \"react\";\r\n\r\nconst AppRootContext = React.createContext<HTMLElement | 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   return context as HTMLElement\r\n}\r\n"],"names":["_jsx"],"mappings":";;;;;AAEA,MAAM,cAAc,GAAG,KAAK,CAAC,aAAa,CAAqB,IAAI,CAAC;AAE7D,MAAM,eAAe,GAAyE,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAI;AAC5H,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;AACA,IAAA,OAAO,OAAsB;AAChC;;;;;"}

package/AppRoot/context.mjs

@@ -0,0 +1,17 @@
+import { jsx } from 'react/jsx-runtime';
+import React__default from 'react';
+
+const AppRootContext = React__default.createContext(null);
+const AppRootProvider = ({ element, children }) => {
+    return (jsx(AppRootContext.Provider, { value: element, children: children }));
+};
+const useAppRootElement = () => {
+    const context = React__default.useContext(AppRootContext);
+    if (typeof window === 'undefined') {
+        return null;
+    }
+    return context;
+};
+
+export { AppRootProvider, useAppRootElement };
+//# sourceMappingURL=context.mjs.map

package/AppRoot/context.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.mjs","sources":["../../src/AppRoot/context.tsx"],"sourcesContent":["import React from \"react\";\r\n\r\nconst AppRootContext = React.createContext<HTMLElement | 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   return context as HTMLElement\r\n}\r\n"],"names":["React","_jsx"],"mappings":";;;AAEA,MAAM,cAAc,GAAGA,cAAK,CAAC,aAAa,CAAqB,IAAI,CAAC;AAE7D,MAAM,eAAe,GAAyE,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAI;AAC5H,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;AACA,IAAA,OAAO,OAAsB;AAChC;;;;"}

package/AppRoot/index.d.ts

@@ -4,9 +4,10 @@ import { ThemeProviderProps } from '../theme/ThemeProvider.js';
 
 type AppRootProps<T extends TagComponentType = "div"> = ThemeProviderProps<T> & {
     noScrollbarCss?: boolean;
+    document?: Document;
 };
-declare const appRootElement: () => HTMLDivElement;
+declare const APP_ROOT_CLASSNAME = "xui-app-root";
 declare const AppRoot: React__default.ForwardRefExoticComponent<Omit<AppRootProps<TagComponentType>, "ref"> & React__default.RefAttributes<any>>;
 
-export { appRootElement, AppRoot as default };
+export { APP_ROOT_CLASSNAME, AppRoot as default };
 export type { AppRootProps };

package/AppRoot/index.js

@@ -11,14 +11,19 @@ var BreakpointProvider = require('../breakpoint/BreakpointProvider.js');
 var index = require('../css/index.js');
 var Renderar = require('./Renderar.js');
 var ServerStyleTag = require('../Tag/ServerStyleTag.js');
+var index$2 = require('../Document/index.js');
+var context = require('./context.js');
+var useMergeRefs = require('../hooks/useMergeRefs.js');
 var ThemeProvider = require('../theme/ThemeProvider.js');
 
-const appRootClassName = "xui-app-root";
-const appRootElement = () => document.querySelector(`.${appRootClassName}`);
+const APP_ROOT_CLASSNAME = "xui-app-root";
 const AppRoot = React.forwardRef((_a, ref) => {
-    var { children, noScrollbarCss, theme } = _a, props = tslib.__rest(_a, ["children", "noScrollbarCss", "theme"]);
+    var { children, noScrollbarCss, theme, document: _document } = _a, props = tslib.__rest(_a, ["children", "noScrollbarCss", "theme", "document"]);
     noScrollbarCss !== null && noScrollbarCss !== void 0 ? noScrollbarCss : (noScrollbarCss = false);
+    _document !== null && _document !== void 0 ? _document : (_document = document);
     const [visibility, setVisibility] = React.useState("hidden");
+    const rootRef = React.useRef(null);
+    const mergeRef = useMergeRefs(rootRef, ref);
     const scrollbarCss = React.useMemo(() => {
         if (noScrollbarCss)
             return;
@@ -47,7 +52,8 @@ const AppRoot = React.forwardRef((_a, ref) => {
                 },
             }
         }, {
-            injectStyle: typeof window !== 'undefined'
+            injectStyle: typeof window !== 'undefined',
+            container: _document,
         });
     }, [noScrollbarCss, theme]);
     const globalStyle = React.useMemo(() => {
@@ -95,27 +101,23 @@ const AppRoot = React.forwardRef((_a, ref) => {
                 },
             }
         }, {
-            injectStyle: typeof window !== 'undefined'
+            injectStyle: typeof window !== 'undefined',
+            container: _document,
         });
     }, []);
     React.useEffect(() => {
-        const root = document.querySelectorAll(`.${appRootClassName}`);
-        if (!root || root.length > 1) {
-            throw new Error("Multiple AppRoot detected in the application tree. Please ensure that there is only one AppRoot component wrapping your application.");
-        }
         setVisibility("visible");
         // move oncss style tags to head
-        if (typeof window === 'undefined')
+        if (typeof _document === 'undefined')
             return;
-        const head = document.getElementsByTagName('head')[0];
-        const styles = Array.from(document.querySelectorAll('body style[data-oncss]'));
+        const styles = Array.from(_document.querySelectorAll('body style[data-oncss]'));
         styles.forEach((style) => {
-            head.appendChild(style);
+            _document.head.appendChild(style);
         });
     }, []);
-    return (jsxRuntime.jsxs(ThemeProvider, Object.assign({ ref: ref, theme: theme }, props, { sx: Object.assign(Object.assign({}, props.sx), (visibility === "hidden" ? { visibility: "hidden" } : {})), classNames: [appRootClassName], children: [jsxRuntime.jsx(ServerStyleTag, { factory: globalStyle }), scrollbarCss && jsxRuntime.jsx(ServerStyleTag, { factory: scrollbarCss }), jsxRuntime.jsxs(BreakpointProvider.BreakpointProvider, { children: [children, jsxRuntime.jsx(Renderar.RenderRenderar, {})] })] })));
+    return (jsxRuntime.jsx(index$2.DocumentProvider, { document: _document, children: jsxRuntime.jsx(context.AppRootProvider, { element: rootRef.current, children: jsxRuntime.jsxs(ThemeProvider, Object.assign({ ref: mergeRef, theme: theme }, props, { sx: Object.assign(Object.assign({}, props.sx), (visibility === "hidden" ? { visibility: "hidden" } : {})), classNames: [APP_ROOT_CLASSNAME], children: [jsxRuntime.jsx(ServerStyleTag, { factory: globalStyle }), scrollbarCss && jsxRuntime.jsx(ServerStyleTag, { factory: scrollbarCss }), jsxRuntime.jsxs(BreakpointProvider.BreakpointProvider, { children: [children, jsxRuntime.jsx(Renderar.RenderRenderar, {})] })] })) }) }));
 });
 
-exports.appRootElement = appRootElement;
+exports.APP_ROOT_CLASSNAME = APP_ROOT_CLASSNAME;
 exports.default = AppRoot;
 //# sourceMappingURL=index.js.map

package/AppRoot/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/AppRoot/index.tsx"],"sourcesContent":["\"use client\";\nimport React, { useEffect, useMemo } from 'react';\nimport { TagComponentType } from '../Tag/types';\nimport { ThemeProvider, ThemeProviderProps, themeRootClass } from '../theme';\nimport { BreakpointProvider } from '../breakpoint';\nimport { css } from '../css';\nimport { RenderRenderar } from './Renderar';\nimport ServerStyleTag from '../Tag/ServerStyleTag';\n\nexport type AppRootProps<T extends TagComponentType = \"div\"> = ThemeProviderProps<T> & {\n   noScrollbarCss?: boolean;\n}\n\nconst appRootClassName = \"xui-app-root\"\nexport const appRootElement = () => document.querySelector(`.${appRootClassName}`) as HTMLDivElement;\n\nconst AppRoot = React.forwardRef(<T extends TagComponentType = \"div\">({ children, noScrollbarCss, theme, ...props }: AppRootProps<T>, ref: React.Ref<any>) => {\n   noScrollbarCss ??= false\n   const [visibility, setVisibility] = React.useState<string>(\"hidden\");\n\n   const scrollbarCss: any = useMemo(() => {\n      if (noScrollbarCss) return;\n      const cls = (cls: string) => `${themeRootClass(theme)} ${cls}`\n      let thumbSize = 6\n      let thumbColor = \"var(--color-text-secondary)\"\n      let trackColor = \"transparent\"\n\n      return css({\n         \"@global\": {\n            [cls('*::-webkit-scrollbar')]: {\n               width: thumbSize,\n               height: thumbSize,\n            },\n            [cls(\"*::-webkit-scrollbar-thumb\")]: {\n               backgroundColor: thumbColor,\n               borderRadius: \"6px\",\n               opacity: 0.6,\n            },\n            [cls(\"*::-webkit-scrollbar-thumb:hover\")]: {\n               backgroundColor: thumbColor,\n               opacity: 0.0,\n            },\n            [cls(\"*::-webkit-scrollbar-track\")]: {\n               backgroundColor: trackColor,\n               borderRadius: \"6px\",\n            },\n         }\n      }, {\n         injectStyle: typeof window !== 'undefined'\n      }) as any\n   }, [noScrollbarCss, theme])\n\n   const globalStyle = useMemo(() => {\n      return css({\n         \"@global\": {\n            \"*\": {\n               m: 0,\n               p: 0,\n               outline: \"none\",\n               boxSizing: \"border-box\",\n               verticalAlign: \"baseline\",\n            },\n            \"html, body\": {\n               minHeight: \"100%\",\n               \"-webkit-font-smoothing\": \"antialiased\",\n               \"-moz-osx-font-smoothing\": \"grayscale\",\n            } as any,\n            \"img, picture, video, canvas, svg\": {\n               maxWidth: \"100%\",\n               display: \"block\"\n            },\n            \"input, button, textarea, select\": {\n               font: \"inherit\"\n            },\n            \"table\": {\n               borderCollapse: \"collapse\",\n               borderSpacing: 0,\n            },\n            \"ol, ul\": {\n               listStyle: \"none\",\n               padding: 0,\n               margin: 0,\n            },\n            \"a\": {\n               display: \"inline-block\",\n               color: \"inherit\",\n               textDecoration: \"none\",\n               cursor: \"pointer\",\n               \"&:hover\": {\n                  textDecoration: \"underline\"\n               }\n            },\n            \"p, h1, h2, h3, h4, h5, h6\": {\n               overflowWrap: \"break-word\",\n            },\n         }\n      }, {\n         injectStyle: typeof window !== 'undefined'\n      })\n   }, [])\n\n   useEffect(() => {\n\n      const root = document.querySelectorAll(`.${appRootClassName}`)\n      if (!root || root.length > 1) {\n         throw new Error(\"Multiple AppRoot detected in the application tree. Please ensure that there is only one AppRoot component wrapping your application.\");\n      }\n\n      setVisibility(\"visible\");\n\n      // move oncss style tags to head\n      if (typeof window === 'undefined') return;\n      const head = document.getElementsByTagName('head')[0];\n      const styles = Array.from(document.querySelectorAll('body style[data-oncss]'));\n      styles.forEach((style) => {\n         head.appendChild(style);\n      });\n\n   }, [])\n\n   return (\n      <ThemeProvider\n         ref={ref}\n         theme={theme}\n         {...props}\n         sx={{\n            ...props.sx,\n            ...(visibility === \"hidden\" ? { visibility: \"hidden\" } : {})\n         }}\n         classNames={[appRootClassName]}\n      >\n         <ServerStyleTag factory={globalStyle} />\n         {\n            scrollbarCss && <ServerStyleTag factory={scrollbarCss} />\n         }\n         <BreakpointProvider>\n            {children}\n            <RenderRenderar />\n         </BreakpointProvider>\n      </ThemeProvider>\n   )\n})\n\nexport default AppRoot\n\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AAaA;AACO;AAEP;;;AAEG;AAEA;AACG;;AACA;;;;AAKA;AACG;AACG;AACG;AACA;AACF;AACD;AACG;AACA;AACA;AACF;AACD;AACG;AACA;AACF;AACD;AACG;AACA;AACF;AACH;;AAED;AACF;AACJ;AAEA;AACG;AACG;AACG;AACG;AACA;AACA;AACA;AACA;AACF;AACD;AACG;AACA;AACA;AACK;AACR;AACG;AACA;AACF;AACD;AACG;AACF;AACD;AACG;AACA;AACF;AACD;AACG;AACA;AACA;AACF;AACD;AACG;AACA;AACA;AACA;AACA;AACG;AACF;AACH;AACD;AACG;AACF;AACH;;AAED;AACF;;;;;AAOE;;;;;;;AAQH;AACA;AACG;AACH;;AAIH;AAqBH;;;"}
+{"version":3,"file":"index.js","sources":["../../src/AppRoot/index.tsx"],"sourcesContent":["\"use client\";\r\nimport React, { useEffect, useMemo, useRef } from 'react';\r\nimport { TagComponentType } from '../Tag/types';\r\nimport { ThemeProvider, ThemeProviderProps, themeRootClass } from '../theme';\r\nimport { BreakpointProvider } from '../breakpoint';\r\nimport { css } from '../css';\r\nimport { RenderRenderar } from './Renderar';\r\nimport ServerStyleTag from '../Tag/ServerStyleTag';\r\nimport { DocumentProvider } from '../Document';\r\nimport { AppRootProvider } from './context';\r\nimport useMergeRefs from '../hooks/useMergeRefs';\r\n\r\nexport type AppRootProps<T extends TagComponentType = \"div\"> = ThemeProviderProps<T> & {\r\n   noScrollbarCss?: boolean;\r\n   document?: Document;\r\n}\r\n\r\nexport const APP_ROOT_CLASSNAME = \"xui-app-root\"\r\n\r\nconst AppRoot = React.forwardRef(<T extends TagComponentType = \"div\">({ children, noScrollbarCss, theme, document: _document, ...props }: AppRootProps<T>, ref: React.Ref<any>) => {\r\n   noScrollbarCss ??= false\r\n   _document ??= document\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   const scrollbarCss: any = useMemo(() => {\r\n      if (noScrollbarCss) return;\r\n      const cls = (cls: string) => `${themeRootClass(theme)} ${cls}`\r\n      let thumbSize = 6\r\n      let thumbColor = \"var(--color-text-secondary)\"\r\n      let trackColor = \"transparent\"\r\n\r\n      return css({\r\n         \"@global\": {\r\n            [cls('*::-webkit-scrollbar')]: {\r\n               width: thumbSize,\r\n               height: thumbSize,\r\n            },\r\n            [cls(\"*::-webkit-scrollbar-thumb\")]: {\r\n               backgroundColor: thumbColor,\r\n               borderRadius: \"6px\",\r\n               opacity: 0.6,\r\n            },\r\n            [cls(\"*::-webkit-scrollbar-thumb:hover\")]: {\r\n               backgroundColor: thumbColor,\r\n               opacity: 0.0,\r\n            },\r\n            [cls(\"*::-webkit-scrollbar-track\")]: {\r\n               backgroundColor: trackColor,\r\n               borderRadius: \"6px\",\r\n            },\r\n         }\r\n      }, {\r\n         injectStyle: typeof window !== 'undefined',\r\n         container: _document,\r\n      }) as any\r\n   }, [noScrollbarCss, theme])\r\n\r\n   const globalStyle = useMemo(() => {\r\n      return css({\r\n         \"@global\": {\r\n            \"*\": {\r\n               m: 0,\r\n               p: 0,\r\n               outline: \"none\",\r\n               boxSizing: \"border-box\",\r\n               verticalAlign: \"baseline\",\r\n            },\r\n            \"html, body\": {\r\n               minHeight: \"100%\",\r\n               \"-webkit-font-smoothing\": \"antialiased\",\r\n               \"-moz-osx-font-smoothing\": \"grayscale\",\r\n            } as any,\r\n            \"img, picture, video, canvas, svg\": {\r\n               maxWidth: \"100%\",\r\n               display: \"block\"\r\n            },\r\n            \"input, button, textarea, select\": {\r\n               font: \"inherit\"\r\n            },\r\n            \"table\": {\r\n               borderCollapse: \"collapse\",\r\n               borderSpacing: 0,\r\n            },\r\n            \"ol, ul\": {\r\n               listStyle: \"none\",\r\n               padding: 0,\r\n               margin: 0,\r\n            },\r\n            \"a\": {\r\n               display: \"inline-block\",\r\n               color: \"inherit\",\r\n               textDecoration: \"none\",\r\n               cursor: \"pointer\",\r\n               \"&:hover\": {\r\n                  textDecoration: \"underline\"\r\n               }\r\n            },\r\n            \"p, h1, h2, h3, h4, h5, h6\": {\r\n               overflowWrap: \"break-word\",\r\n            },\r\n         }\r\n      }, {\r\n         injectStyle: typeof window !== 'undefined',\r\n         container: _document,\r\n      })\r\n   }, [])\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   }, [])\r\n\r\n   return (\r\n      <DocumentProvider document={_document}>\r\n         <AppRootProvider element={rootRef.current}>\r\n            <ThemeProvider\r\n               ref={mergeRef}\r\n               theme={theme}\r\n               {...props}\r\n               sx={{\r\n                  ...props.sx,\r\n                  ...(visibility === \"hidden\" ? { visibility: \"hidden\" } : {})\r\n               }}\r\n               classNames={[APP_ROOT_CLASSNAME]}\r\n            >\r\n               <ServerStyleTag factory={globalStyle} />\r\n               {\r\n                  scrollbarCss && <ServerStyleTag factory={scrollbarCss} />\r\n               }\r\n               <BreakpointProvider>\r\n                  {children}\r\n                  <RenderRenderar />\r\n               </BreakpointProvider>\r\n            </ThemeProvider>\r\n         </AppRootProvider>\r\n      </DocumentProvider>\r\n   )\r\n})\r\n\r\nexport default AppRoot\r\n\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAiBO;AAEP;AAAsE;;;AAInE;AACA;;AAGA;AACG;;AACA;;;;AAKA;AACG;AACG;AACG;AACA;AACF;AACD;AACG;AACA;AACA;AACF;AACD;AACG;AACA;AACF;AACD;AACG;AACA;AACF;AACH;;AAED;AACA;AACF;AACJ;AAEA;AACG;AACG;AACG;AACG;AACA;AACA;AACA;AACA;AACF;AACD;AACG;AACA;AACA;AACK;AACR;AACG;AACA;AACF;AACD;AACG;AACF;AACD;AACG;AACA;AACF;AACD;AACG;AACA;AACA;AACF;AACD;AACG;AACA;AACA;AACA;AACA;AACG;AACF;AACH;AACD;AACG;AACF;AACH;;AAED;AACA;AACF;;;;;;;AAQD;AACA;AACG;AACH;;AAIH;AAyBH;;;"}

package/AppRoot/index.mjs

@@ -1,20 +1,25 @@
 "use client";
 import { __rest } from 'tslib';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import React__default, { useMemo, useEffect } from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import React__default, { useRef, useMemo, useEffect } from 'react';
 import { themeRootClass } from '../theme/index.mjs';
 import { BreakpointProvider } from '../breakpoint/BreakpointProvider.mjs';
 import { css } from '../css/index.mjs';
 import { RenderRenderar } from './Renderar.mjs';
 import ServerStyleTag from '../Tag/ServerStyleTag.mjs';
+import { DocumentProvider } from '../Document/index.mjs';
+import { AppRootProvider } from './context.mjs';
+import useMergeRefs from '../hooks/useMergeRefs.mjs';
 import ThemeProvider from '../theme/ThemeProvider.mjs';
 
-const appRootClassName = "xui-app-root";
-const appRootElement = () => document.querySelector(`.${appRootClassName}`);
+const APP_ROOT_CLASSNAME = "xui-app-root";
 const AppRoot = React__default.forwardRef((_a, ref) => {
-    var { children, noScrollbarCss, theme } = _a, props = __rest(_a, ["children", "noScrollbarCss", "theme"]);
+    var { children, noScrollbarCss, theme, document: _document } = _a, props = __rest(_a, ["children", "noScrollbarCss", "theme", "document"]);
     noScrollbarCss !== null && noScrollbarCss !== void 0 ? noScrollbarCss : (noScrollbarCss = false);
+    _document !== null && _document !== void 0 ? _document : (_document = document);
     const [visibility, setVisibility] = React__default.useState("hidden");
+    const rootRef = useRef(null);
+    const mergeRef = useMergeRefs(rootRef, ref);
     const scrollbarCss = useMemo(() => {
         if (noScrollbarCss)
             return;
@@ -43,7 +48,8 @@ const AppRoot = React__default.forwardRef((_a, ref) => {
                 },
             }
         }, {
-            injectStyle: typeof window !== 'undefined'
+            injectStyle: typeof window !== 'undefined',
+            container: _document,
         });
     }, [noScrollbarCss, theme]);
     const globalStyle = useMemo(() => {
@@ -91,26 +97,22 @@ const AppRoot = React__default.forwardRef((_a, ref) => {
                 },
             }
         }, {
-            injectStyle: typeof window !== 'undefined'
+            injectStyle: typeof window !== 'undefined',
+            container: _document,
         });
     }, []);
     useEffect(() => {
-        const root = document.querySelectorAll(`.${appRootClassName}`);
-        if (!root || root.length > 1) {
-            throw new Error("Multiple AppRoot detected in the application tree. Please ensure that there is only one AppRoot component wrapping your application.");
-        }
         setVisibility("visible");
         // move oncss style tags to head
-        if (typeof window === 'undefined')
+        if (typeof _document === 'undefined')
             return;
-        const head = document.getElementsByTagName('head')[0];
-        const styles = Array.from(document.querySelectorAll('body style[data-oncss]'));
+        const styles = Array.from(_document.querySelectorAll('body style[data-oncss]'));
         styles.forEach((style) => {
-            head.appendChild(style);
+            _document.head.appendChild(style);
         });
     }, []);
-    return (jsxs(ThemeProvider, Object.assign({ ref: ref, theme: theme }, props, { sx: Object.assign(Object.assign({}, props.sx), (visibility === "hidden" ? { visibility: "hidden" } : {})), classNames: [appRootClassName], children: [jsx(ServerStyleTag, { factory: globalStyle }), scrollbarCss && jsx(ServerStyleTag, { factory: scrollbarCss }), jsxs(BreakpointProvider, { children: [children, jsx(RenderRenderar, {})] })] })));
+    return (jsx(DocumentProvider, { document: _document, children: jsx(AppRootProvider, { element: rootRef.current, children: jsxs(ThemeProvider, Object.assign({ ref: mergeRef, theme: theme }, props, { sx: Object.assign(Object.assign({}, props.sx), (visibility === "hidden" ? { visibility: "hidden" } : {})), classNames: [APP_ROOT_CLASSNAME], children: [jsx(ServerStyleTag, { factory: globalStyle }), scrollbarCss && jsx(ServerStyleTag, { factory: scrollbarCss }), jsxs(BreakpointProvider, { children: [children, jsx(RenderRenderar, {})] })] })) }) }));
 });
 
-export { appRootElement, AppRoot as default };
+export { APP_ROOT_CLASSNAME, AppRoot as default };
 //# sourceMappingURL=index.mjs.map

package/AppRoot/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/AppRoot/index.tsx"],"sourcesContent":["\"use client\";\nimport React, { useEffect, useMemo } from 'react';\nimport { TagComponentType } from '../Tag/types';\nimport { ThemeProvider, ThemeProviderProps, themeRootClass } from '../theme';\nimport { BreakpointProvider } from '../breakpoint';\nimport { css } from '../css';\nimport { RenderRenderar } from './Renderar';\nimport ServerStyleTag from '../Tag/ServerStyleTag';\n\nexport type AppRootProps<T extends TagComponentType = \"div\"> = ThemeProviderProps<T> & {\n   noScrollbarCss?: boolean;\n}\n\nconst appRootClassName = \"xui-app-root\"\nexport const appRootElement = () => document.querySelector(`.${appRootClassName}`) as HTMLDivElement;\n\nconst AppRoot = React.forwardRef(<T extends TagComponentType = \"div\">({ children, noScrollbarCss, theme, ...props }: AppRootProps<T>, ref: React.Ref<any>) => {\n   noScrollbarCss ??= false\n   const [visibility, setVisibility] = React.useState<string>(\"hidden\");\n\n   const scrollbarCss: any = useMemo(() => {\n      if (noScrollbarCss) return;\n      const cls = (cls: string) => `${themeRootClass(theme)} ${cls}`\n      let thumbSize = 6\n      let thumbColor = \"var(--color-text-secondary)\"\n      let trackColor = \"transparent\"\n\n      return css({\n         \"@global\": {\n            [cls('*::-webkit-scrollbar')]: {\n               width: thumbSize,\n               height: thumbSize,\n            },\n            [cls(\"*::-webkit-scrollbar-thumb\")]: {\n               backgroundColor: thumbColor,\n               borderRadius: \"6px\",\n               opacity: 0.6,\n            },\n            [cls(\"*::-webkit-scrollbar-thumb:hover\")]: {\n               backgroundColor: thumbColor,\n               opacity: 0.0,\n            },\n            [cls(\"*::-webkit-scrollbar-track\")]: {\n               backgroundColor: trackColor,\n               borderRadius: \"6px\",\n            },\n         }\n      }, {\n         injectStyle: typeof window !== 'undefined'\n      }) as any\n   }, [noScrollbarCss, theme])\n\n   const globalStyle = useMemo(() => {\n      return css({\n         \"@global\": {\n            \"*\": {\n               m: 0,\n               p: 0,\n               outline: \"none\",\n               boxSizing: \"border-box\",\n               verticalAlign: \"baseline\",\n            },\n            \"html, body\": {\n               minHeight: \"100%\",\n               \"-webkit-font-smoothing\": \"antialiased\",\n               \"-moz-osx-font-smoothing\": \"grayscale\",\n            } as any,\n            \"img, picture, video, canvas, svg\": {\n               maxWidth: \"100%\",\n               display: \"block\"\n            },\n            \"input, button, textarea, select\": {\n               font: \"inherit\"\n            },\n            \"table\": {\n               borderCollapse: \"collapse\",\n               borderSpacing: 0,\n            },\n            \"ol, ul\": {\n               listStyle: \"none\",\n               padding: 0,\n               margin: 0,\n            },\n            \"a\": {\n               display: \"inline-block\",\n               color: \"inherit\",\n               textDecoration: \"none\",\n               cursor: \"pointer\",\n               \"&:hover\": {\n                  textDecoration: \"underline\"\n               }\n            },\n            \"p, h1, h2, h3, h4, h5, h6\": {\n               overflowWrap: \"break-word\",\n            },\n         }\n      }, {\n         injectStyle: typeof window !== 'undefined'\n      })\n   }, [])\n\n   useEffect(() => {\n\n      const root = document.querySelectorAll(`.${appRootClassName}`)\n      if (!root || root.length > 1) {\n         throw new Error(\"Multiple AppRoot detected in the application tree. Please ensure that there is only one AppRoot component wrapping your application.\");\n      }\n\n      setVisibility(\"visible\");\n\n      // move oncss style tags to head\n      if (typeof window === 'undefined') return;\n      const head = document.getElementsByTagName('head')[0];\n      const styles = Array.from(document.querySelectorAll('body style[data-oncss]'));\n      styles.forEach((style) => {\n         head.appendChild(style);\n      });\n\n   }, [])\n\n   return (\n      <ThemeProvider\n         ref={ref}\n         theme={theme}\n         {...props}\n         sx={{\n            ...props.sx,\n            ...(visibility === \"hidden\" ? { visibility: \"hidden\" } : {})\n         }}\n         classNames={[appRootClassName]}\n      >\n         <ServerStyleTag factory={globalStyle} />\n         {\n            scrollbarCss && <ServerStyleTag factory={scrollbarCss} />\n         }\n         <BreakpointProvider>\n            {children}\n            <RenderRenderar />\n         </BreakpointProvider>\n      </ThemeProvider>\n   )\n})\n\nexport default AppRoot\n\n"],"names":[],"mappings":";;;;;;;;;;;AAaA;AACO;AAEP;;;AAEG;AAEA;AACG;;AACA;;;;AAKA;AACG;AACG;AACG;AACA;AACF;AACD;AACG;AACA;AACA;AACF;AACD;AACG;AACA;AACF;AACD;AACG;AACA;AACF;AACH;;AAED;AACF;AACJ;AAEA;AACG;AACG;AACG;AACG;AACA;AACA;AACA;AACA;AACF;AACD;AACG;AACA;AACA;AACK;AACR;AACG;AACA;AACF;AACD;AACG;AACF;AACD;AACG;AACA;AACF;AACD;AACG;AACA;AACA;AACF;AACD;AACG;AACA;AACA;AACA;AACA;AACG;AACF;AACH;AACD;AACG;AACF;AACH;;AAED;AACF;;;;;AAOE;;;;;;;AAQH;AACA;AACG;AACH;;AAIH;AAqBH;;"}
+{"version":3,"file":"index.mjs","sources":["../../src/AppRoot/index.tsx"],"sourcesContent":["\"use client\";\r\nimport React, { useEffect, useMemo, useRef } from 'react';\r\nimport { TagComponentType } from '../Tag/types';\r\nimport { ThemeProvider, ThemeProviderProps, themeRootClass } from '../theme';\r\nimport { BreakpointProvider } from '../breakpoint';\r\nimport { css } from '../css';\r\nimport { RenderRenderar } from './Renderar';\r\nimport ServerStyleTag from '../Tag/ServerStyleTag';\r\nimport { DocumentProvider } from '../Document';\r\nimport { AppRootProvider } from './context';\r\nimport useMergeRefs from '../hooks/useMergeRefs';\r\n\r\nexport type AppRootProps<T extends TagComponentType = \"div\"> = ThemeProviderProps<T> & {\r\n   noScrollbarCss?: boolean;\r\n   document?: Document;\r\n}\r\n\r\nexport const APP_ROOT_CLASSNAME = \"xui-app-root\"\r\n\r\nconst AppRoot = React.forwardRef(<T extends TagComponentType = \"div\">({ children, noScrollbarCss, theme, document: _document, ...props }: AppRootProps<T>, ref: React.Ref<any>) => {\r\n   noScrollbarCss ??= false\r\n   _document ??= document\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   const scrollbarCss: any = useMemo(() => {\r\n      if (noScrollbarCss) return;\r\n      const cls = (cls: string) => `${themeRootClass(theme)} ${cls}`\r\n      let thumbSize = 6\r\n      let thumbColor = \"var(--color-text-secondary)\"\r\n      let trackColor = \"transparent\"\r\n\r\n      return css({\r\n         \"@global\": {\r\n            [cls('*::-webkit-scrollbar')]: {\r\n               width: thumbSize,\r\n               height: thumbSize,\r\n            },\r\n            [cls(\"*::-webkit-scrollbar-thumb\")]: {\r\n               backgroundColor: thumbColor,\r\n               borderRadius: \"6px\",\r\n               opacity: 0.6,\r\n            },\r\n            [cls(\"*::-webkit-scrollbar-thumb:hover\")]: {\r\n               backgroundColor: thumbColor,\r\n               opacity: 0.0,\r\n            },\r\n            [cls(\"*::-webkit-scrollbar-track\")]: {\r\n               backgroundColor: trackColor,\r\n               borderRadius: \"6px\",\r\n            },\r\n         }\r\n      }, {\r\n         injectStyle: typeof window !== 'undefined',\r\n         container: _document,\r\n      }) as any\r\n   }, [noScrollbarCss, theme])\r\n\r\n   const globalStyle = useMemo(() => {\r\n      return css({\r\n         \"@global\": {\r\n            \"*\": {\r\n               m: 0,\r\n               p: 0,\r\n               outline: \"none\",\r\n               boxSizing: \"border-box\",\r\n               verticalAlign: \"baseline\",\r\n            },\r\n            \"html, body\": {\r\n               minHeight: \"100%\",\r\n               \"-webkit-font-smoothing\": \"antialiased\",\r\n               \"-moz-osx-font-smoothing\": \"grayscale\",\r\n            } as any,\r\n            \"img, picture, video, canvas, svg\": {\r\n               maxWidth: \"100%\",\r\n               display: \"block\"\r\n            },\r\n            \"input, button, textarea, select\": {\r\n               font: \"inherit\"\r\n            },\r\n            \"table\": {\r\n               borderCollapse: \"collapse\",\r\n               borderSpacing: 0,\r\n            },\r\n            \"ol, ul\": {\r\n               listStyle: \"none\",\r\n               padding: 0,\r\n               margin: 0,\r\n            },\r\n            \"a\": {\r\n               display: \"inline-block\",\r\n               color: \"inherit\",\r\n               textDecoration: \"none\",\r\n               cursor: \"pointer\",\r\n               \"&:hover\": {\r\n                  textDecoration: \"underline\"\r\n               }\r\n            },\r\n            \"p, h1, h2, h3, h4, h5, h6\": {\r\n               overflowWrap: \"break-word\",\r\n            },\r\n         }\r\n      }, {\r\n         injectStyle: typeof window !== 'undefined',\r\n         container: _document,\r\n      })\r\n   }, [])\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   }, [])\r\n\r\n   return (\r\n      <DocumentProvider document={_document}>\r\n         <AppRootProvider element={rootRef.current}>\r\n            <ThemeProvider\r\n               ref={mergeRef}\r\n               theme={theme}\r\n               {...props}\r\n               sx={{\r\n                  ...props.sx,\r\n                  ...(visibility === \"hidden\" ? { visibility: \"hidden\" } : {})\r\n               }}\r\n               classNames={[APP_ROOT_CLASSNAME]}\r\n            >\r\n               <ServerStyleTag factory={globalStyle} />\r\n               {\r\n                  scrollbarCss && <ServerStyleTag factory={scrollbarCss} />\r\n               }\r\n               <BreakpointProvider>\r\n                  {children}\r\n                  <RenderRenderar />\r\n               </BreakpointProvider>\r\n            </ThemeProvider>\r\n         </AppRootProvider>\r\n      </DocumentProvider>\r\n   )\r\n})\r\n\r\nexport default AppRoot\r\n\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAiBO;AAEP;AAAsE;;;AAInE;AACA;;AAGA;AACG;;AACA;;;;AAKA;AACG;AACG;AACG;AACA;AACF;AACD;AACG;AACA;AACA;AACF;AACD;AACG;AACA;AACF;AACD;AACG;AACA;AACF;AACH;;AAED;AACA;AACF;AACJ;AAEA;AACG;AACG;AACG;AACG;AACA;AACA;AACA;AACA;AACF;AACD;AACG;AACA;AACA;AACK;AACR;AACG;AACA;AACF;AACD;AACG;AACF;AACD;AACG;AACA;AACF;AACD;AACG;AACA;AACA;AACF;AACD;AACG;AACA;AACA;AACA;AACA;AACG;AACF;AACH;AACD;AACG;AACF;AACH;;AAED;AACA;AACF;;;;;;;AAQD;AACA;AACG;AACH;;AAIH;AAyBH;;"}

package/Document/index.d.ts

@@ -0,0 +1,3 @@
+declare const useDocument: () => Document;
+
+export { useDocument };

package/Document/index.js

@@ -0,0 +1,21 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+
+const DocumentContext = React.createContext(null);
+const DocumentProvider = ({ document, children }) => {
+    return (jsxRuntime.jsx(DocumentContext.Provider, { value: document, children: children }));
+};
+const useDocument = () => {
+    const context = React.useContext(DocumentContext);
+    if (typeof window === 'undefined') {
+        return null;
+    }
+    return context || document;
+};
+
+exports.DocumentProvider = DocumentProvider;
+exports.useDocument = useDocument;
+//# sourceMappingURL=index.js.map

package/Document/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../src/Document/index.tsx"],"sourcesContent":["'use client'\r\nimport React from \"react\";\r\n\r\nconst DocumentContext = React.createContext<Document | null>(null);\r\n\r\nexport const DocumentProvider: React.FC<{ document: Document; children: React.ReactNode }> = ({ document, children }) => {\r\n   return (\r\n      <DocumentContext.Provider value={document}>\r\n         {children}\r\n      </DocumentContext.Provider>\r\n   );\r\n}\r\n\r\nexport const useDocument = (): Document => {\r\n   const context = React.useContext(DocumentContext);\r\n   if (typeof window === 'undefined') {\r\n      return null as any;\r\n   }\r\n   return context || document;\r\n}"],"names":[],"mappings":";;;;;;AAGA;AAEO;AACJ;AAKH;AAEO;;AAEJ;AACG;;;AAGN;;;"}

package/Document/index.mjs

@@ -0,0 +1,18 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import React__default from 'react';
+
+const DocumentContext = React__default.createContext(null);
+const DocumentProvider = ({ document, children }) => {
+    return (jsx(DocumentContext.Provider, { value: document, children: children }));
+};
+const useDocument = () => {
+    const context = React__default.useContext(DocumentContext);
+    if (typeof window === 'undefined') {
+        return null;
+    }
+    return context || document;
+};
+
+export { DocumentProvider, useDocument };
+//# sourceMappingURL=index.mjs.map

package/Document/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../src/Document/index.tsx"],"sourcesContent":["'use client'\r\nimport React from \"react\";\r\n\r\nconst DocumentContext = React.createContext<Document | null>(null);\r\n\r\nexport const DocumentProvider: React.FC<{ document: Document; children: React.ReactNode }> = ({ document, children }) => {\r\n   return (\r\n      <DocumentContext.Provider value={document}>\r\n         {children}\r\n      </DocumentContext.Provider>\r\n   );\r\n}\r\n\r\nexport const useDocument = (): Document => {\r\n   const context = React.useContext(DocumentContext);\r\n   if (typeof window === 'undefined') {\r\n      return null as any;\r\n   }\r\n   return context || document;\r\n}"],"names":[],"mappings":";;;;AAGA;AAEO;AACJ;AAKH;AAEO;;AAEJ;AACG;;;AAGN;;"}

package/Iframe/index.d.ts

@@ -0,0 +1,10 @@
+import React__default from 'react';
+import { TagPropsRoot } from '../Tag/types.js';
+
+type IframeProps = Omit<TagPropsRoot<"iframe">, "component"> & {
+    theme?: string;
+};
+declare const _default: React__default.ForwardRefExoticComponent<Omit<IframeProps, "ref"> & React__default.RefAttributes<HTMLIFrameElement>>;
+
+export { _default as default };
+export type { IframeProps };

package/Iframe/index.js

@@ -0,0 +1,45 @@
+"use client";
+'use strict';
+
+var tslib = require('tslib');
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var core = require('../theme/core.js');
+require('../css/getValue.js');
+require('oncss');
+require('../theme/ThemeProvider.js');
+require('react-state-bucket');
+var index$1 = require('../Tag/index.js');
+var reactDom = require('react-dom');
+var index$2 = require('../AppRoot/index.js');
+var useMergeRefs = require('../hooks/useMergeRefs.js');
+
+const IframeContext = React.createContext({
+    document: null,
+    window: null,
+});
+const Iframe = (_a, ref) => {
+    var { children, sxr, theme } = _a, props = tslib.__rest(_a, ["children", "sxr", "theme"]);
+    const iframeRef = React.useRef(null);
+    const _ref = useMergeRefs(iframeRef, ref);
+    const [doc, setDoc] = React.useState(null);
+    const parentTheme = core.useTheme();
+    theme !== null && theme !== void 0 ? theme : (theme = parentTheme.name);
+    React.useEffect(() => {
+        if (!iframeRef.current)
+            return;
+        const iframe = iframeRef.current;
+        const onLoad = () => setDoc(iframe.contentDocument);
+        iframe.addEventListener("load", onLoad);
+        return () => iframe.removeEventListener("load", onLoad);
+    }, []);
+    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(index$1, Object.assign({}, props, { component: "iframe", sxr: Object.assign({ border: 'none', width: "100%", height: "100%", p: 0, m: 0 }, sxr), ref: _ref, srcDoc: "<!DOCTYPE html><html><head></head><body></body></html>" })), doc &&
+                reactDom.createPortal(jsxRuntime.jsx(IframeContext.Provider, { value: {
+                        document: doc,
+                        window: doc.defaultView,
+                    }, children: jsxRuntime.jsx(index$2.default, { theme: theme, document: doc, children: children }) }), doc.body)] }));
+};
+var index = React.forwardRef(Iframe);
+
+module.exports = index;
+//# sourceMappingURL=index.js.map

package/Iframe/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../src/Iframe/index.tsx"],"sourcesContent":["'use client'\r\nimport React, { createContext, useEffect, useRef, useState } from \"react\";\r\nimport { useTheme } from \"../theme\";\r\nimport Tag from \"../Tag\";\r\nimport { createPortal } from \"react-dom\";\r\nimport AppRoot from \"../AppRoot\";\r\nimport { TagPropsRoot } from \"../Tag/types\";\r\nimport useMergeRefs from \"../hooks/useMergeRefs\";\r\n\r\nconst IframeContext = createContext<{ document: Document | null; window: Window | null; }>({\r\n   document: null,\r\n   window: null,\r\n});\r\n\r\n\r\nexport type IframeProps = Omit<TagPropsRoot<\"iframe\">, \"component\"> & {\r\n   theme?: string;\r\n}\r\n\r\nconst Iframe = ({ children, sxr, theme, ...props }: IframeProps, ref: React.Ref<HTMLIFrameElement>) => {\r\n   const iframeRef = useRef<HTMLIFrameElement>(null);\r\n   const _ref = useMergeRefs(iframeRef, ref)\r\n\r\n   const [doc, setDoc] = useState<Document | null>(null);\r\n   const parentTheme = useTheme()\r\n   theme ??= parentTheme.name\r\n\r\n   useEffect(() => {\r\n      if (!iframeRef.current) return;\r\n      const iframe = iframeRef.current;\r\n      const onLoad = () => setDoc(iframe.contentDocument);\r\n      iframe.addEventListener(\"load\", onLoad);\r\n      return () => iframe.removeEventListener(\"load\", onLoad);\r\n   }, []);\r\n\r\n   return (\r\n      <>\r\n         <Tag\r\n            {...props}\r\n            component={\"iframe\"}\r\n            sxr={{\r\n               border: 'none',\r\n               width: \"100%\",\r\n               height: \"100%\",\r\n               p: 0,\r\n               m: 0,\r\n               ...sxr\r\n            }}\r\n            ref={_ref}\r\n            srcDoc={\"<!DOCTYPE html><html><head></head><body></body></html>\"}\r\n         />\r\n         {doc &&\r\n            createPortal(\r\n               <IframeContext.Provider\r\n                  value={{\r\n                     document: doc,\r\n                     window: doc.defaultView,\r\n                  }}\r\n               >\r\n                  <AppRoot theme={theme} document={doc as Document}>\r\n                     {children}\r\n                  </AppRoot>\r\n               </IframeContext.Provider>,\r\n               doc.body\r\n            )}\r\n      </>\r\n   );\r\n}\r\n\r\nexport default React.forwardRef(Iframe)"],"names":[],"mappings":";;;;;;;;;;;;;;;;AASA;AACG;AACA;AACF;AAOD;;AACG;;;AAIA;;;;;AAKG;;AAEA;;;;AAqBM;AAGS;;;AAYrB;AAEA;;"}

package/Iframe/index.mjs

@@ -0,0 +1,43 @@
+"use client";
+import { __rest } from 'tslib';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import React__default, { createContext, useRef, useState, useEffect } from 'react';
+import { useTheme } from '../theme/core.mjs';
+import '../css/getValue.mjs';
+import 'oncss';
+import '../theme/ThemeProvider.mjs';
+import 'react-state-bucket';
+import Tag from '../Tag/index.mjs';
+import { createPortal } from 'react-dom';
+import AppRoot from '../AppRoot/index.mjs';
+import useMergeRefs from '../hooks/useMergeRefs.mjs';
+
+const IframeContext = createContext({
+    document: null,
+    window: null,
+});
+const Iframe = (_a, ref) => {
+    var { children, sxr, theme } = _a, props = __rest(_a, ["children", "sxr", "theme"]);
+    const iframeRef = useRef(null);
+    const _ref = useMergeRefs(iframeRef, ref);
+    const [doc, setDoc] = useState(null);
+    const parentTheme = useTheme();
+    theme !== null && theme !== void 0 ? theme : (theme = parentTheme.name);
+    useEffect(() => {
+        if (!iframeRef.current)
+            return;
+        const iframe = iframeRef.current;
+        const onLoad = () => setDoc(iframe.contentDocument);
+        iframe.addEventListener("load", onLoad);
+        return () => iframe.removeEventListener("load", onLoad);
+    }, []);
+    return (jsxs(Fragment, { children: [jsx(Tag, Object.assign({}, props, { component: "iframe", sxr: Object.assign({ border: 'none', width: "100%", height: "100%", p: 0, m: 0 }, sxr), ref: _ref, srcDoc: "<!DOCTYPE html><html><head></head><body></body></html>" })), doc &&
+                createPortal(jsx(IframeContext.Provider, { value: {
+                        document: doc,
+                        window: doc.defaultView,
+                    }, children: jsx(AppRoot, { theme: theme, document: doc, children: children }) }), doc.body)] }));
+};
+var index = React__default.forwardRef(Iframe);
+
+export { index as default };
+//# sourceMappingURL=index.mjs.map

package/Iframe/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../src/Iframe/index.tsx"],"sourcesContent":["'use client'\r\nimport React, { createContext, useEffect, useRef, useState } from \"react\";\r\nimport { useTheme } from \"../theme\";\r\nimport Tag from \"../Tag\";\r\nimport { createPortal } from \"react-dom\";\r\nimport AppRoot from \"../AppRoot\";\r\nimport { TagPropsRoot } from \"../Tag/types\";\r\nimport useMergeRefs from \"../hooks/useMergeRefs\";\r\n\r\nconst IframeContext = createContext<{ document: Document | null; window: Window | null; }>({\r\n   document: null,\r\n   window: null,\r\n});\r\n\r\n\r\nexport type IframeProps = Omit<TagPropsRoot<\"iframe\">, \"component\"> & {\r\n   theme?: string;\r\n}\r\n\r\nconst Iframe = ({ children, sxr, theme, ...props }: IframeProps, ref: React.Ref<HTMLIFrameElement>) => {\r\n   const iframeRef = useRef<HTMLIFrameElement>(null);\r\n   const _ref = useMergeRefs(iframeRef, ref)\r\n\r\n   const [doc, setDoc] = useState<Document | null>(null);\r\n   const parentTheme = useTheme()\r\n   theme ??= parentTheme.name\r\n\r\n   useEffect(() => {\r\n      if (!iframeRef.current) return;\r\n      const iframe = iframeRef.current;\r\n      const onLoad = () => setDoc(iframe.contentDocument);\r\n      iframe.addEventListener(\"load\", onLoad);\r\n      return () => iframe.removeEventListener(\"load\", onLoad);\r\n   }, []);\r\n\r\n   return (\r\n      <>\r\n         <Tag\r\n            {...props}\r\n            component={\"iframe\"}\r\n            sxr={{\r\n               border: 'none',\r\n               width: \"100%\",\r\n               height: \"100%\",\r\n               p: 0,\r\n               m: 0,\r\n               ...sxr\r\n            }}\r\n            ref={_ref}\r\n            srcDoc={\"<!DOCTYPE html><html><head></head><body></body></html>\"}\r\n         />\r\n         {doc &&\r\n            createPortal(\r\n               <IframeContext.Provider\r\n                  value={{\r\n                     document: doc,\r\n                     window: doc.defaultView,\r\n                  }}\r\n               >\r\n                  <AppRoot theme={theme} document={doc as Document}>\r\n                     {children}\r\n                  </AppRoot>\r\n               </IframeContext.Provider>,\r\n               doc.body\r\n            )}\r\n      </>\r\n   );\r\n}\r\n\r\nexport default React.forwardRef(Iframe)"],"names":[],"mappings":";;;;;;;;;;;;;;AASA;AACG;AACA;AACF;AAOD;;AACG;;;AAIA;;;;;AAKG;;AAEA;;;;AAqBM;AAGS;;;AAYrB;AAEA;;"}

package/Tag/ServerStyleTag.js.map

@@ -1 +1 @@
-{"version":3,"file":"ServerStyleTag.js","sources":["../../src/Tag/ServerStyleTag.tsx"],"sourcesContent":["import { CSSFactoryType } from 'oncss'\nimport React from 'react'\n\nconst ServerStyleTag = ({ factory }: { factory: CSSFactoryType }) => {\n   if (typeof window === 'undefined') {\n      return <style\n         dangerouslySetInnerHTML={{ __html: factory.css }}\n         precedence={factory.classname}\n         href={factory.classname}\n      />\n   }\n   return null\n}\n\nexport default ServerStyleTag\n"],"names":["_jsx"],"mappings":";;;;AAGA,MAAM,cAAc,GAAG,CAAC,EAAE,OAAO,EAA+B,KAAI;AACjE,IAAA,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;QAChC,OAAOA,cAAA,CAAA,OAAA,EAAA,EACJ,uBAAuB,EAAE,EAAE,MAAM,EAAE,OAAO,CAAC,GAAG,EAAE,EAChD,UAAU,EAAE,OAAO,CAAC,SAAS,EAC7B,IAAI,EAAE,OAAO,CAAC,SAAS,EAAA,CACxB;IACL;AACA,IAAA,OAAO,IAAI;AACd;;;;"}
+{"version":3,"file":"ServerStyleTag.js","sources":["../../src/Tag/ServerStyleTag.tsx"],"sourcesContent":["import { CSSFactoryType } from 'oncss'\r\nimport React from 'react'\r\n\r\nconst ServerStyleTag = ({ factory }: { factory: CSSFactoryType }) => {\r\n   if (typeof window === 'undefined') {\r\n      return <style\r\n         dangerouslySetInnerHTML={{ __html: factory.css }}\r\n         precedence={factory.classname}\r\n         href={factory.classname}\r\n      />\r\n   }\r\n   return null\r\n}\r\n\r\nexport default ServerStyleTag\r\n"],"names":["_jsx"],"mappings":";;;;AAGA,MAAM,cAAc,GAAG,CAAC,EAAE,OAAO,EAA+B,KAAI;AACjE,IAAA,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;QAChC,OAAOA,cAAA,CAAA,OAAA,EAAA,EACJ,uBAAuB,EAAE,EAAE,MAAM,EAAE,OAAO,CAAC,GAAG,EAAE,EAChD,UAAU,EAAE,OAAO,CAAC,SAAS,EAC7B,IAAI,EAAE,OAAO,CAAC,SAAS,EAAA,CACxB;IACL;AACA,IAAA,OAAO,IAAI;AACd;;;;"}

package/Tag/ServerStyleTag.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ServerStyleTag.mjs","sources":["../../src/Tag/ServerStyleTag.tsx"],"sourcesContent":["import { CSSFactoryType } from 'oncss'\nimport React from 'react'\n\nconst ServerStyleTag = ({ factory }: { factory: CSSFactoryType }) => {\n   if (typeof window === 'undefined') {\n      return <style\n         dangerouslySetInnerHTML={{ __html: factory.css }}\n         precedence={factory.classname}\n         href={factory.classname}\n      />\n   }\n   return null\n}\n\nexport default ServerStyleTag\n"],"names":["_jsx"],"mappings":";;AAGA,MAAM,cAAc,GAAG,CAAC,EAAE,OAAO,EAA+B,KAAI;AACjE,IAAA,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;QAChC,OAAOA,GAAA,CAAA,OAAA,EAAA,EACJ,uBAAuB,EAAE,EAAE,MAAM,EAAE,OAAO,CAAC,GAAG,EAAE,EAChD,UAAU,EAAE,OAAO,CAAC,SAAS,EAC7B,IAAI,EAAE,OAAO,CAAC,SAAS,EAAA,CACxB;IACL;AACA,IAAA,OAAO,IAAI;AACd;;;;"}
+{"version":3,"file":"ServerStyleTag.mjs","sources":["../../src/Tag/ServerStyleTag.tsx"],"sourcesContent":["import { CSSFactoryType } from 'oncss'\r\nimport React from 'react'\r\n\r\nconst ServerStyleTag = ({ factory }: { factory: CSSFactoryType }) => {\r\n   if (typeof window === 'undefined') {\r\n      return <style\r\n         dangerouslySetInnerHTML={{ __html: factory.css }}\r\n         precedence={factory.classname}\r\n         href={factory.classname}\r\n      />\r\n   }\r\n   return null\r\n}\r\n\r\nexport default ServerStyleTag\r\n"],"names":["_jsx"],"mappings":";;AAGA,MAAM,cAAc,GAAG,CAAC,EAAE,OAAO,EAA+B,KAAI;AACjE,IAAA,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;QAChC,OAAOA,GAAA,CAAA,OAAA,EAAA,EACJ,uBAAuB,EAAE,EAAE,MAAM,EAAE,OAAO,CAAC,GAAG,EAAE,EAChD,UAAU,EAAE,OAAO,CAAC,SAAS,EAC7B,IAAI,EAAE,OAAO,CAAC,SAAS,EAAA,CACxB;IACL;AACA,IAAA,OAAO,IAAI;AACd;;;;"}

package/Tag/cssPropList.js.map

@@ -1 +1 @@
-{"version":3,"file":"cssPropList.js","sources":["../../src/Tag/cssPropList.ts"],"sourcesContent":["\nconst CSS_PROP_LIST: any = {\n    typography: 1,\n    bgcolor: 1,\n    bgimage: 1,\n    bg: 1,\n    p: 1,\n    pt: 1,\n    pr: 1,\n    pb: 1,\n    pl: 1,\n    px: 1,\n    py: 1,\n    m: 1,\n    mt: 1,\n    mr: 1,\n    mb: 1,\n    ml: 1,\n    mx: 1,\n    my: 1,\n    radius: 1,\n    shadow: 1,\n    flexBox: 1,\n    flexRow: 1,\n    flexColumn: 1,\n    flexWraped: 1,\n    disabled: 1,\n    spacing: 1,\n\n    gradient: 1,\n\n    // CSS Props\n    alignContent: 1,\n    alignItems: 1,\n    alignSelf: 1,\n    animation: 1,\n    animationComposition: 1,\n    animationDelay: 1,\n    animationDirection: 1,\n    animationDuration: 1,\n    animationFillMode: 1,\n    animationIterationCount: 1,\n    animationName: 1,\n    animationTimingFunction: 1,\n    backdropFilter: 1,\n    background: 1,\n    backgroundAttachment: 1,\n    backgroundColor: 1,\n    backgroundImage: 1,\n    backgroundOrigin: 1,\n    backgroundPosition: 1,\n    backgroundRepeat: 1,\n    backgroundSize: 1,\n    border: 1,\n    borderBottom: 1,\n    borderBottomColor: 1,\n    borderBottomStyle: 1,\n    borderBottomWidth: 1,\n    borderColor: 1,\n    borderImage: 1,\n    borderLeft: 1,\n    borderLeftColor: 1,\n    borderLeftStyle: 1,\n    borderLeftWidth: 1,\n    borderRadius: 1,\n    borderRight: 1,\n    borderRightColor: 1,\n    borderRightStyle: 1,\n    borderRightWidth: 1,\n    borderStyle: 1,\n    borderTop: 1,\n    borderTopColor: 1,\n    borderTopLeftRadius: 1,\n    borderTopRightRadius: 1,\n    borderTopStyle: 1,\n    borderTopWidth: 1,\n    borderWidth: 1,\n    bottom: 1,\n    boxShadow: 1,\n    boxSizing: 1,\n    cursor: 1,\n    color: 1,\n    display: 1,\n    direction: 1,\n    filter: 1,\n    flex: 1,\n    flexBasis: 1,\n    flexDirection: 1,\n    flexFlow: 1,\n    flexGrow: 1,\n    flexShrink: 1,\n    flexWrap: 1,\n    float: 1,\n    fontFamily: 1,\n    fontSize: 1,\n    fontStyle: 1,\n    fontWeight: 1,\n    font: 1,\n    gap: 1,\n    grid: 1,\n    gridArea: 1,\n    gridAutoColumns: 1,\n    gridAutoFlow: 1,\n    gridAutoRows: 1,\n    gridColumn: 1,\n    gridColumnEnd: 1,\n    gridColumnGap: 1,\n    gridColumnStart: 1,\n    gridGap: 1,\n    gridRow: 1,\n    gridRowEnd: 1,\n    gridRowGap: 1,\n    gridRowStart: 1,\n    gridTemplate: 1,\n    gridTemplateAreas: 1,\n    gridTemplateColumns: 1,\n    gridTemplateRows: 1,\n    height: 1,\n    justifyContent: 1,\n    justifyItems: 1,\n    justifySelf: 1,\n    left: 1,\n    letterSpacing: 1,\n    lineBreak: 1,\n    lineHeight: 1,\n    listStyle: 1,\n    margin: 1,\n    marginBlock: 1,\n    marginBlockEnd: 1,\n    marginBlockStart: 1,\n    marginBottom: 1,\n    marginInline: 1,\n    marginInlineEnd: 1,\n    marginInlineStart: 1,\n    marginLeft: 1,\n    marginRight: 1,\n    marginTop: 1,\n    maxHeight: 1,\n    maxWidth: 1,\n    minHeight: 1,\n    minWidth: 1,\n    objectFit: 1,\n    objectPosition: 1,\n    opacity: 1,\n    order: 1,\n    outline: 1,\n    overflow: 1,\n    overflowX: 1,\n    overflowY: 1,\n    padding: 1,\n    paddingBlock: 1,\n    paddingBlockEnd: 1,\n    paddingBlockStart: 1,\n    paddingBottom: 1,\n    paddingInline: 1,\n    paddingInlineEnd: 1,\n    paddingInlineStart: 1,\n    paddingLeft: 1,\n    paddingRight: 1,\n    paddingTop: 1,\n    perspective: 1,\n    perspectiveOrigin: 1,\n    pointerEvents: 1,\n    position: 1,\n    resize: 1,\n    right: 1,\n    textAlign: 1,\n    textDecoration: 1,\n    textShadow: 1,\n    textTransform: 1,\n    top: 1,\n    transform: 1,\n    transformOrigin: 1,\n    transformStyle: 1,\n    transition: 1,\n    transitionDelay: 1,\n    transitionDuration: 1,\n    transitionProperty: 1,\n    transitionTimingFunction: 1,\n    userSelect: 1,\n    verticalAlign: 1,\n    visibility: 1,\n    whiteSpace: 1,\n    width: 1,\n    wordBreak: 1,\n    wordSpacing: 1,\n    wordWrap: 1,\n    zIndex: 1,\n}\n\nexport default CSS_PROP_LIST"],"names":[],"mappings":"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"}
+{"version":3,"file":"cssPropList.js","sources":["../../src/Tag/cssPropList.ts"],"sourcesContent":["\r\nconst CSS_PROP_LIST: any = {\r\n    typography: 1,\r\n    bgcolor: 1,\r\n    bgimage: 1,\r\n    bg: 1,\r\n    p: 1,\r\n    pt: 1,\r\n    pr: 1,\r\n    pb: 1,\r\n    pl: 1,\r\n    px: 1,\r\n    py: 1,\r\n    m: 1,\r\n    mt: 1,\r\n    mr: 1,\r\n    mb: 1,\r\n    ml: 1,\r\n    mx: 1,\r\n    my: 1,\r\n    radius: 1,\r\n    shadow: 1,\r\n    flexBox: 1,\r\n    flexRow: 1,\r\n    flexColumn: 1,\r\n    flexWraped: 1,\r\n    disabled: 1,\r\n    spacing: 1,\r\n\r\n    gradient: 1,\r\n\r\n    // CSS Props\r\n    alignContent: 1,\r\n    alignItems: 1,\r\n    alignSelf: 1,\r\n    animation: 1,\r\n    animationComposition: 1,\r\n    animationDelay: 1,\r\n    animationDirection: 1,\r\n    animationDuration: 1,\r\n    animationFillMode: 1,\r\n    animationIterationCount: 1,\r\n    animationName: 1,\r\n    animationTimingFunction: 1,\r\n    backdropFilter: 1,\r\n    background: 1,\r\n    backgroundAttachment: 1,\r\n    backgroundColor: 1,\r\n    backgroundImage: 1,\r\n    backgroundOrigin: 1,\r\n    backgroundPosition: 1,\r\n    backgroundRepeat: 1,\r\n    backgroundSize: 1,\r\n    border: 1,\r\n    borderBottom: 1,\r\n    borderBottomColor: 1,\r\n    borderBottomStyle: 1,\r\n    borderBottomWidth: 1,\r\n    borderColor: 1,\r\n    borderImage: 1,\r\n    borderLeft: 1,\r\n    borderLeftColor: 1,\r\n    borderLeftStyle: 1,\r\n    borderLeftWidth: 1,\r\n    borderRadius: 1,\r\n    borderRight: 1,\r\n    borderRightColor: 1,\r\n    borderRightStyle: 1,\r\n    borderRightWidth: 1,\r\n    borderStyle: 1,\r\n    borderTop: 1,\r\n    borderTopColor: 1,\r\n    borderTopLeftRadius: 1,\r\n    borderTopRightRadius: 1,\r\n    borderTopStyle: 1,\r\n    borderTopWidth: 1,\r\n    borderWidth: 1,\r\n    bottom: 1,\r\n    boxShadow: 1,\r\n    boxSizing: 1,\r\n    cursor: 1,\r\n    color: 1,\r\n    display: 1,\r\n    direction: 1,\r\n    filter: 1,\r\n    flex: 1,\r\n    flexBasis: 1,\r\n    flexDirection: 1,\r\n    flexFlow: 1,\r\n    flexGrow: 1,\r\n    flexShrink: 1,\r\n    flexWrap: 1,\r\n    float: 1,\r\n    fontFamily: 1,\r\n    fontSize: 1,\r\n    fontStyle: 1,\r\n    fontWeight: 1,\r\n    font: 1,\r\n    gap: 1,\r\n    grid: 1,\r\n    gridArea: 1,\r\n    gridAutoColumns: 1,\r\n    gridAutoFlow: 1,\r\n    gridAutoRows: 1,\r\n    gridColumn: 1,\r\n    gridColumnEnd: 1,\r\n    gridColumnGap: 1,\r\n    gridColumnStart: 1,\r\n    gridGap: 1,\r\n    gridRow: 1,\r\n    gridRowEnd: 1,\r\n    gridRowGap: 1,\r\n    gridRowStart: 1,\r\n    gridTemplate: 1,\r\n    gridTemplateAreas: 1,\r\n    gridTemplateColumns: 1,\r\n    gridTemplateRows: 1,\r\n    height: 1,\r\n    justifyContent: 1,\r\n    justifyItems: 1,\r\n    justifySelf: 1,\r\n    left: 1,\r\n    letterSpacing: 1,\r\n    lineBreak: 1,\r\n    lineHeight: 1,\r\n    listStyle: 1,\r\n    margin: 1,\r\n    marginBlock: 1,\r\n    marginBlockEnd: 1,\r\n    marginBlockStart: 1,\r\n    marginBottom: 1,\r\n    marginInline: 1,\r\n    marginInlineEnd: 1,\r\n    marginInlineStart: 1,\r\n    marginLeft: 1,\r\n    marginRight: 1,\r\n    marginTop: 1,\r\n    maxHeight: 1,\r\n    maxWidth: 1,\r\n    minHeight: 1,\r\n    minWidth: 1,\r\n    objectFit: 1,\r\n    objectPosition: 1,\r\n    opacity: 1,\r\n    order: 1,\r\n    outline: 1,\r\n    overflow: 1,\r\n    overflowX: 1,\r\n    overflowY: 1,\r\n    padding: 1,\r\n    paddingBlock: 1,\r\n    paddingBlockEnd: 1,\r\n    paddingBlockStart: 1,\r\n    paddingBottom: 1,\r\n    paddingInline: 1,\r\n    paddingInlineEnd: 1,\r\n    paddingInlineStart: 1,\r\n    paddingLeft: 1,\r\n    paddingRight: 1,\r\n    paddingTop: 1,\r\n    perspective: 1,\r\n    perspectiveOrigin: 1,\r\n    pointerEvents: 1,\r\n    position: 1,\r\n    resize: 1,\r\n    right: 1,\r\n    textAlign: 1,\r\n    textDecoration: 1,\r\n    textShadow: 1,\r\n    textTransform: 1,\r\n    top: 1,\r\n    transform: 1,\r\n    transformOrigin: 1,\r\n    transformStyle: 1,\r\n    transition: 1,\r\n    transitionDelay: 1,\r\n    transitionDuration: 1,\r\n    transitionProperty: 1,\r\n    transitionTimingFunction: 1,\r\n    userSelect: 1,\r\n    verticalAlign: 1,\r\n    visibility: 1,\r\n    whiteSpace: 1,\r\n    width: 1,\r\n    wordBreak: 1,\r\n    wordSpacing: 1,\r\n    wordWrap: 1,\r\n    zIndex: 1,\r\n}\r\n\r\nexport default CSS_PROP_LIST"],"names":[],"mappings":"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"}