@xanui/core 1.2.43 → 1.2.44

package/theme/ThemeProvider.js

@@ -1,56 +1,35 @@
 "use client";
-'use strict';
+import { __rest } from 'tslib';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import * as React from 'react';
+import Tag from '../Tag/index.js';
+import { ThemeFactory, ThemeContex } from './core.js';
+import ThemeCssVars from './ThemeCssVars.js';
+import { css } from '../css/index.js';
+import { createDefaultThemes } from './ThemeDefaultOptions.js';
+import ServerStyleTag from '../Tag/ServerStyleTag.js';
+import { useDocument } from '../Document/index.js';
+import { themeRootClass } from './index.js';
+import { useCSSCacheId } from '../css/CSSCacheProvider.js';
 
-var tslib = require('tslib');
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var index$3 = require('../Tag/index.js');
-var core = require('./core.js');
-var ThemeCssVars = require('./ThemeCssVars.js');
-var index$1 = require('../css/index.js');
-var ThemeDefaultOptions = require('./ThemeDefaultOptions.js');
-var ServerStyleTag = require('../Tag/ServerStyleTag.js');
-var index = require('../Document/index.js');
-var index$2 = require('./index.js');
-var CSSCacheProvider = require('../css/CSSCacheProvider.js');
-
-function _interopNamespaceDefault(e) {
-    var n = Object.create(null);
-    if (e) {
-        Object.keys(e).forEach(function (k) {
-            if (k !== 'default') {
-                var d = Object.getOwnPropertyDescriptor(e, k);
-                Object.defineProperty(n, k, d.get ? d : {
-                    enumerable: true,
-                    get: function () { return e[k]; }
-                });
-            }
-        });
-    }
-    n.default = e;
-    return Object.freeze(n);
-}
-
-var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
-
-ThemeDefaultOptions.createDefaultThemes();
+createDefaultThemes();
 const ThemeProvider = (_a) => {
-    var { children, theme, isRoot, noScrollbarCss } = _a, props = tslib.__rest(_a, ["children", "theme", "isRoot", "noScrollbarCss"]);
-    let THEME = core.ThemeFactory.get(theme);
+    var { children, theme, isRoot, noScrollbarCss } = _a, props = __rest(_a, ["children", "theme", "isRoot", "noScrollbarCss"]);
+    let THEME = ThemeFactory.get(theme);
     if (!THEME) {
         console.error(`ThemeProvider: The theme '${theme}' is not defined. Please make sure to use a valid theme name.`);
-        THEME = core.ThemeFactory.get("light");
+        THEME = ThemeFactory.get("light");
     }
-    const doc = index.useDocument();
-    const cacheId = CSSCacheProvider.useCSSCacheId();
-    const themeGlobalStyle = React__namespace.useMemo(() => {
+    const doc = useDocument().document;
+    const cacheId = useCSSCacheId();
+    const themeGlobalStyle = React.useMemo(() => {
         const root_cls = `.xui-${theme}-theme-root`;
         let gkeys = Object.keys(THEME.globalStyle || {});
         let gstyles = {};
         gkeys.forEach((key) => {
             gstyles[`${root_cls} ${key}`] = THEME.globalStyle[key];
         });
-        return index$1.css({
+        return css({
             "@global": Object.assign(Object.assign({}, gstyles), { [root_cls]: ThemeCssVars(THEME) })
         }, {
             injectStyle: typeof window !== 'undefined',
@@ -58,10 +37,10 @@ const ThemeProvider = (_a) => {
             cacheId
         });
     }, [theme, doc]);
-    const resetCss = React__namespace.useMemo(() => {
+    const resetCss = React.useMemo(() => {
         if (!isRoot)
             return;
-        return index$1.css({
+        return css({
             "@global": {
                 "*": {
                     m: 0,
@@ -110,14 +89,14 @@ const ThemeProvider = (_a) => {
             cacheId
         });
     }, []);
-    const scrollbarCss = React__namespace.useMemo(() => {
+    const scrollbarCss = React.useMemo(() => {
         if (noScrollbarCss)
             return;
-        const cls = (cls) => `${index$2.themeRootClass(theme)} ${cls}`;
+        const cls = (cls) => `${themeRootClass(theme)} ${cls}`;
         let thumbSize = 6;
         let thumbColor = "var(--color-text-secondary)";
         let trackColor = "transparent";
-        return index$1.css({
+        return css({
             "@global": {
                 [cls('*::-webkit-scrollbar')]: {
                     width: thumbSize,
@@ -143,12 +122,12 @@ const ThemeProvider = (_a) => {
             cacheId
         });
     }, [noScrollbarCss, theme]);
-    return (jsxRuntime.jsxs(core.ThemeContex.Provider, { value: theme, children: [isRoot && jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(ServerStyleTag, { factory: resetCss }), !noScrollbarCss && jsxRuntime.jsx(ServerStyleTag, { factory: scrollbarCss })] }), jsxRuntime.jsx(ServerStyleTag, { factory: themeGlobalStyle }), jsxRuntime.jsx(index$3, Object.assign({ minHeight: "100%", bgcolor: "background.primary", color: "text.primary", fontSize: "text", fontWeight: "text", lineHeight: "text", fontFamily: `system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif` }, props, { sxr: {
+    return (jsxs(ThemeContex.Provider, { value: theme, children: [isRoot && jsxs(Fragment, { children: [jsx(ServerStyleTag, { factory: resetCss }), !noScrollbarCss && jsx(ServerStyleTag, { factory: scrollbarCss })] }), jsx(ServerStyleTag, { factory: themeGlobalStyle }), jsx(Tag, Object.assign({ minHeight: "100%", bgcolor: "background.primary", color: "text.primary", fontSize: "text", fontWeight: "text", lineHeight: "text", fontFamily: `system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif` }, props, { sxr: {
                     "& a": {
                         color: "brand.primary",
                     },
                 }, baseClass: `${theme}-theme-root`, direction: THEME.rtl ? "rtl" : "ltr", children: children }))] }));
 };
 
-module.exports = ThemeProvider;
+export { ThemeProvider as default };
 //# sourceMappingURL=ThemeProvider.js.map

package/theme/ThemeProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeProvider.js","sources":["../../src/theme/ThemeProvider.tsx"],"sourcesContent":["\"use client\";\r\nimport * as React from \"react\"\r\nimport { ThemeOptions } from \"./types\"\r\nimport Tag from \"../Tag\"\r\nimport { TagComponentType, TagProps } from \"../Tag/types\"\r\nimport { ThemeContex, ThemeFactory } from \"./core\"\r\nimport ThemeCssVars from \"./ThemeCssVars\"\r\nimport { css } from \"../css\"\r\nimport { createDefaultThemes } from \"./ThemeDefaultOptions\"\r\nimport ServerStyleTag from \"../Tag/ServerStyleTag\"\r\nimport { useDocument } from \"../Document\";\r\nimport { themeRootClass } from \".\";\r\nimport { useCSSCacheId } from \"../css/CSSCacheProvider\";\r\n\r\nexport type ThemeProviderProps<T extends TagComponentType = 'div'> = TagProps<T> & {\r\n   theme: string;\r\n   isRoot?: boolean;\r\n   noScrollbarCss?: boolean;\r\n}\r\n\r\ncreateDefaultThemes()\r\n\r\nconst ThemeProvider = <T extends TagComponentType = 'div'>({ children, theme, isRoot, noScrollbarCss, ...props }: ThemeProviderProps<T>) => {\r\n   let THEME = ThemeFactory.get(theme) as ThemeOptions\r\n   if (!THEME) {\r\n      console.error(`ThemeProvider: The theme '${theme}' is not defined. Please make sure to use a valid theme name.`)\r\n      THEME = ThemeFactory.get(\"light\") as ThemeOptions\r\n   }\r\n   const doc = useDocument();\r\n   const cacheId = useCSSCacheId()\r\n\r\n   const themeGlobalStyle: any = React.useMemo(() => {\r\n      const root_cls = `.xui-${theme}-theme-root`\r\n      let gkeys = Object.keys(THEME.globalStyle || {})\r\n      let gstyles: any = {}\r\n      gkeys.forEach((key) => {\r\n         gstyles[`${root_cls} ${key}`] = THEME.globalStyle[key as any]\r\n      })\r\n\r\n      return css({\r\n         \"@global\": {\r\n            ...gstyles,\r\n            [root_cls]: ThemeCssVars(THEME)\r\n         }\r\n      }, {\r\n         injectStyle: typeof window !== 'undefined',\r\n         container: doc,\r\n         cacheId\r\n      })\r\n   }, [theme, doc])\r\n\r\n   const resetCss = React.useMemo(() => {\r\n      if (!isRoot) return\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: doc,\r\n         cacheId\r\n      })\r\n   }, [])\r\n\r\n   const scrollbarCss: any = React.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: doc,\r\n         cacheId\r\n      }) as any\r\n   }, [noScrollbarCss, theme])\r\n\r\n   return (\r\n      <ThemeContex.Provider value={theme}>\r\n         {\r\n            isRoot && <>\r\n               <ServerStyleTag factory={resetCss as any} />\r\n               {\r\n                  !noScrollbarCss && <ServerStyleTag factory={scrollbarCss} />\r\n               }\r\n            </>\r\n         }\r\n         <ServerStyleTag factory={themeGlobalStyle} />\r\n         <Tag\r\n            minHeight=\"100%\"\r\n            bgcolor=\"background.primary\"\r\n            color=\"text.primary\"\r\n            fontSize=\"text\"\r\n            fontWeight=\"text\"\r\n            lineHeight=\"text\"\r\n            fontFamily={`system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif`}\r\n            {...props}\r\n            sxr={{\r\n               \"& a\": {\r\n                  color: \"brand.primary\",\r\n               },\r\n            }}\r\n            baseClass={`${theme}-theme-root`}\r\n            direction={THEME.rtl ? \"rtl\" : \"ltr\"}\r\n         >\r\n            {children}\r\n         </Tag>\r\n      </ThemeContex.Provider>\r\n   )\r\n}\r\n\r\nexport default ThemeProvider"],"names":["createDefaultThemes"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoBAA;AAEA;AAA2D;;;AAGrD;AACA;;AAEH;AACA;AAEA;AACG;AACA;;AAEA;AACG;AACH;AAEA;;;AAMG;AACA;;AAEF;AACJ;AAEA;AACG;;AACA;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;;AAEF;;AAGJ;AACG;;AACA;;;;AAKA;AACG;AACG;AACG;AACA;AACF;AACD;AACG;AACA;AACA;AACF;AACD;AACG;AACA;AACF;AACD;AACG;AACA;AACF;AACH;;AAED;AACA;;AAEF;AACJ;AAEA;AAqBY;AACG;AACF;;AAShB;;"}
+{"version":3,"file":"ThemeProvider.js","sources":["../../src/theme/ThemeProvider.tsx"],"sourcesContent":["\"use client\";\r\nimport * as React from \"react\"\r\nimport { ThemeOptions } from \"./types\"\r\nimport Tag from \"../Tag\"\r\nimport { TagComponentType, TagProps } from \"../Tag/types\"\r\nimport { ThemeContex, ThemeFactory } from \"./core\"\r\nimport ThemeCssVars from \"./ThemeCssVars\"\r\nimport { css } from \"../css\"\r\nimport { createDefaultThemes } from \"./ThemeDefaultOptions\"\r\nimport ServerStyleTag from \"../Tag/ServerStyleTag\"\r\nimport { useDocument } from \"../Document\";\r\nimport { themeRootClass } from \".\";\r\nimport { useCSSCacheId } from \"../css/CSSCacheProvider\";\r\n\r\nexport type ThemeProviderProps<T extends TagComponentType = 'div'> = TagProps<T> & {\r\n   theme: string;\r\n   isRoot?: boolean;\r\n   noScrollbarCss?: boolean;\r\n}\r\n\r\ncreateDefaultThemes()\r\n\r\nconst ThemeProvider = <T extends TagComponentType = 'div'>({ children, theme, isRoot, noScrollbarCss, ...props }: ThemeProviderProps<T>) => {\r\n   let THEME = ThemeFactory.get(theme) as ThemeOptions\r\n   if (!THEME) {\r\n      console.error(`ThemeProvider: The theme '${theme}' is not defined. Please make sure to use a valid theme name.`)\r\n      THEME = ThemeFactory.get(\"light\") as ThemeOptions\r\n   }\r\n   const doc = useDocument().document;\r\n   const cacheId = useCSSCacheId()\r\n\r\n   const themeGlobalStyle: any = React.useMemo(() => {\r\n      const root_cls = `.xui-${theme}-theme-root`\r\n      let gkeys = Object.keys(THEME.globalStyle || {})\r\n      let gstyles: any = {}\r\n      gkeys.forEach((key) => {\r\n         gstyles[`${root_cls} ${key}`] = THEME.globalStyle[key as any]\r\n      })\r\n\r\n      return css({\r\n         \"@global\": {\r\n            ...gstyles,\r\n            [root_cls]: ThemeCssVars(THEME)\r\n         }\r\n      }, {\r\n         injectStyle: typeof window !== 'undefined',\r\n         container: doc,\r\n         cacheId\r\n      })\r\n   }, [theme, doc])\r\n\r\n   const resetCss = React.useMemo(() => {\r\n      if (!isRoot) return\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: doc,\r\n         cacheId\r\n      })\r\n   }, [])\r\n\r\n   const scrollbarCss: any = React.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: doc,\r\n         cacheId\r\n      }) as any\r\n   }, [noScrollbarCss, theme])\r\n\r\n   return (\r\n      <ThemeContex.Provider value={theme}>\r\n         {\r\n            isRoot && <>\r\n               <ServerStyleTag factory={resetCss as any} />\r\n               {\r\n                  !noScrollbarCss && <ServerStyleTag factory={scrollbarCss} />\r\n               }\r\n            </>\r\n         }\r\n         <ServerStyleTag factory={themeGlobalStyle} />\r\n         <Tag\r\n            minHeight=\"100%\"\r\n            bgcolor=\"background.primary\"\r\n            color=\"text.primary\"\r\n            fontSize=\"text\"\r\n            fontWeight=\"text\"\r\n            lineHeight=\"text\"\r\n            fontFamily={`system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif`}\r\n            {...props}\r\n            sxr={{\r\n               \"& a\": {\r\n                  color: \"brand.primary\",\r\n               },\r\n            }}\r\n            baseClass={`${theme}-theme-root`}\r\n            direction={THEME.rtl ? \"rtl\" : \"ltr\"}\r\n         >\r\n            {children}\r\n         </Tag>\r\n      </ThemeContex.Provider>\r\n   )\r\n}\r\n\r\nexport default ThemeProvider"],"names":[],"mappings":";;;;;;;;;;;;;;AAoBA;AAEA;AAA2D;;;AAGrD;AACA;;AAEH;AACA;AAEA;AACG;AACA;;AAEA;AACG;AACH;AAEA;;;AAMG;AACA;;AAEF;AACJ;AAEA;AACG;;AACA;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;;AAEF;;AAGJ;AACG;;AACA;;;;AAKA;AACG;AACG;AACG;AACA;AACF;AACD;AACG;AACA;AACA;AACF;AACD;AACG;AACA;AACF;AACD;AACG;AACA;AACF;AACH;;AAED;AACA;;AAEF;AACJ;AAEA;AAqBY;AACG;AACF;;AAShB;;"}

package/theme/{core.mjs → core.cjs}

@@ -1,10 +1,12 @@
-import React__default from 'react';
+'use strict';
+
+var React = require('react');
 
 const ThemeFactory = new Map();
-const ThemeContex = React__default.createContext("light");
+const ThemeContex = React.createContext("light");
 const getTheme = (theme) => ThemeFactory.get(theme);
 const useTheme = () => {
-    const theme = ThemeFactory.get(React__default.useContext(ThemeContex));
+    const theme = ThemeFactory.get(React.useContext(ThemeContex));
     if (!theme) {
         console.error("Theme not found, returning light theme as fallback");
         return ThemeFactory.get("light");
@@ -16,7 +18,7 @@ const mergeObject = (a, b) => {
     b = Object.assign({}, b);
     for (const key in b) {
         const v = b[key];
-        if (typeof v === 'object' && !Array.isArray(v) && !React__default.isValidElement(v)) {
+        if (typeof v === 'object' && !Array.isArray(v) && !React.isValidElement(v)) {
             a[key] = mergeObject(a[key], b[key]);
         }
         else {
@@ -26,5 +28,9 @@ const mergeObject = (a, b) => {
     return a;
 };
 
-export { ThemeContex, ThemeFactory, getTheme, mergeObject, useTheme };
-//# sourceMappingURL=core.mjs.map
+exports.ThemeContex = ThemeContex;
+exports.ThemeFactory = ThemeFactory;
+exports.getTheme = getTheme;
+exports.mergeObject = mergeObject;
+exports.useTheme = useTheme;
+//# sourceMappingURL=core.cjs.map

package/theme/core.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"core.cjs","sources":["../../src/theme/core.ts"],"sourcesContent":["import React from \"react\"\r\nimport { ObjectType, ThemeOptions } from \"./types\"\r\n\r\nexport const ThemeFactory = new Map<string, ThemeOptions>()\r\nexport const ThemeContex = React.createContext(\"light\")\r\nexport const getTheme = (theme: string) => ThemeFactory.get(theme)\r\nexport const useTheme = (): ThemeOptions => {\r\n   const theme = ThemeFactory.get(React.useContext(ThemeContex)) as any\r\n   if (!theme) {\r\n      console.error(\"Theme not found, returning light theme as fallback\")\r\n      return ThemeFactory.get(\"light\") as any\r\n   }\r\n   return theme\r\n}\r\n\r\nexport const mergeObject = (a: ObjectType, b: ObjectType) => {\r\n   a = { ...a }\r\n   b = { ...b }\r\n   for (const key in b) {\r\n      const v = (b as any)[key]\r\n      if (typeof v === 'object' && !Array.isArray(v) && !React.isValidElement(v)) {\r\n         a[key] = mergeObject(a[key], b[key])\r\n      } else {\r\n         a[key] = v\r\n      }\r\n   }\r\n   return a\r\n}\r\n"],"names":[],"mappings":";;;;AAGO,MAAM,YAAY,GAAG,IAAI,GAAG;AAC5B,MAAM,WAAW,GAAG,KAAK,CAAC,aAAa,CAAC,OAAO;AAC/C,MAAM,QAAQ,GAAG,CAAC,KAAa,KAAK,YAAY,CAAC,GAAG,CAAC,KAAK;AAC1D,MAAM,QAAQ,GAAG,MAAmB;AACxC,IAAA,MAAM,KAAK,GAAG,YAAY,CAAC,GAAG,CAAC,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,CAAQ;IACpE,IAAI,CAAC,KAAK,EAAE;AACT,QAAA,OAAO,CAAC,KAAK,CAAC,oDAAoD,CAAC;AACnE,QAAA,OAAO,YAAY,CAAC,GAAG,CAAC,OAAO,CAAQ;IAC1C;AACA,IAAA,OAAO,KAAK;AACf;MAEa,WAAW,GAAG,CAAC,CAAa,EAAE,CAAa,KAAI;IACzD,CAAC,GAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAQ,CAAC,CAAE;IACZ,CAAC,GAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAQ,CAAC,CAAE;AACZ,IAAA,KAAK,MAAM,GAAG,IAAI,CAAC,EAAE;AAClB,QAAA,MAAM,CAAC,GAAI,CAAS,CAAC,GAAG,CAAC;QACzB,IAAI,OAAO,CAAC,KAAK,QAAQ,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE;AACzE,YAAA,CAAC,CAAC,GAAG,CAAC,GAAG,WAAW,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC;QACvC;aAAO;AACJ,YAAA,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC;QACb;IACH;AACA,IAAA,OAAO,CAAC;AACX;;;;;;;;"}

package/theme/core.js

@@ -1,12 +1,10 @@
-'use strict';
-
-var React = require('react');
+import React__default from 'react';
 
 const ThemeFactory = new Map();
-const ThemeContex = React.createContext("light");
+const ThemeContex = React__default.createContext("light");
 const getTheme = (theme) => ThemeFactory.get(theme);
 const useTheme = () => {
-    const theme = ThemeFactory.get(React.useContext(ThemeContex));
+    const theme = ThemeFactory.get(React__default.useContext(ThemeContex));
     if (!theme) {
         console.error("Theme not found, returning light theme as fallback");
         return ThemeFactory.get("light");
@@ -18,7 +16,7 @@ const mergeObject = (a, b) => {
     b = Object.assign({}, b);
     for (const key in b) {
         const v = b[key];
-        if (typeof v === 'object' && !Array.isArray(v) && !React.isValidElement(v)) {
+        if (typeof v === 'object' && !Array.isArray(v) && !React__default.isValidElement(v)) {
             a[key] = mergeObject(a[key], b[key]);
         }
         else {
@@ -28,9 +26,5 @@ const mergeObject = (a, b) => {
     return a;
 };
 
-exports.ThemeContex = ThemeContex;
-exports.ThemeFactory = ThemeFactory;
-exports.getTheme = getTheme;
-exports.mergeObject = mergeObject;
-exports.useTheme = useTheme;
+export { ThemeContex, ThemeFactory, getTheme, mergeObject, useTheme };
 //# sourceMappingURL=core.js.map

package/theme/core.js.map

@@ -1 +1 @@
-{"version":3,"file":"core.js","sources":["../../src/theme/core.ts"],"sourcesContent":["import React from \"react\"\r\nimport { ObjectType, ThemeOptions } from \"./types\"\r\n\r\nexport const ThemeFactory = new Map<string, ThemeOptions>()\r\nexport const ThemeContex = React.createContext(\"light\")\r\nexport const getTheme = (theme: string) => ThemeFactory.get(theme)\r\nexport const useTheme = (): ThemeOptions => {\r\n   const theme = ThemeFactory.get(React.useContext(ThemeContex)) as any\r\n   if (!theme) {\r\n      console.error(\"Theme not found, returning light theme as fallback\")\r\n      return ThemeFactory.get(\"light\") as any\r\n   }\r\n   return theme\r\n}\r\n\r\nexport const mergeObject = (a: ObjectType, b: ObjectType) => {\r\n   a = { ...a }\r\n   b = { ...b }\r\n   for (const key in b) {\r\n      const v = (b as any)[key]\r\n      if (typeof v === 'object' && !Array.isArray(v) && !React.isValidElement(v)) {\r\n         a[key] = mergeObject(a[key], b[key])\r\n      } else {\r\n         a[key] = v\r\n      }\r\n   }\r\n   return a\r\n}\r\n"],"names":[],"mappings":";;;;AAGO,MAAM,YAAY,GAAG,IAAI,GAAG;AAC5B,MAAM,WAAW,GAAG,KAAK,CAAC,aAAa,CAAC,OAAO;AAC/C,MAAM,QAAQ,GAAG,CAAC,KAAa,KAAK,YAAY,CAAC,GAAG,CAAC,KAAK;AAC1D,MAAM,QAAQ,GAAG,MAAmB;AACxC,IAAA,MAAM,KAAK,GAAG,YAAY,CAAC,GAAG,CAAC,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,CAAQ;IACpE,IAAI,CAAC,KAAK,EAAE;AACT,QAAA,OAAO,CAAC,KAAK,CAAC,oDAAoD,CAAC;AACnE,QAAA,OAAO,YAAY,CAAC,GAAG,CAAC,OAAO,CAAQ;IAC1C;AACA,IAAA,OAAO,KAAK;AACf;MAEa,WAAW,GAAG,CAAC,CAAa,EAAE,CAAa,KAAI;IACzD,CAAC,GAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAQ,CAAC,CAAE;IACZ,CAAC,GAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAQ,CAAC,CAAE;AACZ,IAAA,KAAK,MAAM,GAAG,IAAI,CAAC,EAAE;AAClB,QAAA,MAAM,CAAC,GAAI,CAAS,CAAC,GAAG,CAAC;QACzB,IAAI,OAAO,CAAC,KAAK,QAAQ,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE;AACzE,YAAA,CAAC,CAAC,GAAG,CAAC,GAAG,WAAW,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC;QACvC;aAAO;AACJ,YAAA,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC;QACb;IACH;AACA,IAAA,OAAO,CAAC;AACX;;;;;;;;"}
+{"version":3,"file":"core.js","sources":["../../src/theme/core.ts"],"sourcesContent":["import React from \"react\"\r\nimport { ObjectType, ThemeOptions } from \"./types\"\r\n\r\nexport const ThemeFactory = new Map<string, ThemeOptions>()\r\nexport const ThemeContex = React.createContext(\"light\")\r\nexport const getTheme = (theme: string) => ThemeFactory.get(theme)\r\nexport const useTheme = (): ThemeOptions => {\r\n   const theme = ThemeFactory.get(React.useContext(ThemeContex)) as any\r\n   if (!theme) {\r\n      console.error(\"Theme not found, returning light theme as fallback\")\r\n      return ThemeFactory.get(\"light\") as any\r\n   }\r\n   return theme\r\n}\r\n\r\nexport const mergeObject = (a: ObjectType, b: ObjectType) => {\r\n   a = { ...a }\r\n   b = { ...b }\r\n   for (const key in b) {\r\n      const v = (b as any)[key]\r\n      if (typeof v === 'object' && !Array.isArray(v) && !React.isValidElement(v)) {\r\n         a[key] = mergeObject(a[key], b[key])\r\n      } else {\r\n         a[key] = v\r\n      }\r\n   }\r\n   return a\r\n}\r\n"],"names":["React"],"mappings":";;AAGO,MAAM,YAAY,GAAG,IAAI,GAAG;AAC5B,MAAM,WAAW,GAAGA,cAAK,CAAC,aAAa,CAAC,OAAO;AAC/C,MAAM,QAAQ,GAAG,CAAC,KAAa,KAAK,YAAY,CAAC,GAAG,CAAC,KAAK;AAC1D,MAAM,QAAQ,GAAG,MAAmB;AACxC,IAAA,MAAM,KAAK,GAAG,YAAY,CAAC,GAAG,CAACA,cAAK,CAAC,UAAU,CAAC,WAAW,CAAC,CAAQ;IACpE,IAAI,CAAC,KAAK,EAAE;AACT,QAAA,OAAO,CAAC,KAAK,CAAC,oDAAoD,CAAC;AACnE,QAAA,OAAO,YAAY,CAAC,GAAG,CAAC,OAAO,CAAQ;IAC1C;AACA,IAAA,OAAO,KAAK;AACf;MAEa,WAAW,GAAG,CAAC,CAAa,EAAE,CAAa,KAAI;IACzD,CAAC,GAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAQ,CAAC,CAAE;IACZ,CAAC,GAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAQ,CAAC,CAAE;AACZ,IAAA,KAAK,MAAM,GAAG,IAAI,CAAC,EAAE;AAClB,QAAA,MAAM,CAAC,GAAI,CAAS,CAAC,GAAG,CAAC;QACzB,IAAI,OAAO,CAAC,KAAK,QAAQ,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAACA,cAAK,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE;AACzE,YAAA,CAAC,CAAC,GAAG,CAAC,GAAG,WAAW,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC;QACvC;aAAO;AACJ,YAAA,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC;QACb;IACH;AACA,IAAA,OAAO,CAAC;AACX;;;;"}

package/theme/createTheme.cjs

@@ -0,0 +1,27 @@
+'use strict';
+
+var core = require('./core.cjs');
+var index = require('../css/index.cjs');
+var ThemeDefaultOptions = require('./ThemeDefaultOptions.cjs');
+
+const createTheme = (name, options) => {
+    if (core.ThemeFactory.has(name)) {
+        console.error(`createTheme: The theme '${name}' is already defined. Please choose a different name for the theme.`);
+        return core.ThemeFactory.get(name);
+    }
+    let theme = core.mergeObject(ThemeDefaultOptions.lightThemeOptions, Object.assign(Object.assign({}, options), { name, breakpoints: index.breakpoints }));
+    // add alpha colors
+    for (let color in theme.colors) {
+        const c = theme.colors[color];
+        const is_common = color === 'divider' || color === 'background' || color === 'text';
+        c.soft = {
+            primary: is_common ? index.alpha(c.primary, 0.60) : index.alpha(c.primary, 0.08),
+            secondary: is_common ? index.alpha(c.primary, 0.90) : index.alpha(c.primary, 0.12)
+        };
+    }
+    core.ThemeFactory.set(name, theme);
+    return theme;
+};
+
+exports.createTheme = createTheme;
+//# sourceMappingURL=createTheme.cjs.map

package/theme/{createTheme.mjs.map → createTheme.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"createTheme.mjs","sources":["../../src/theme/createTheme.ts"],"sourcesContent":["import { ThemeOptions, ThemeOptionInput, ThemeOptionsColor } from \"./types\"\r\nimport { mergeObject, ThemeFactory } from \"./core\"\r\nimport { alpha, breakpoints } from \"../css\"\r\nimport { lightThemeOptions } from \"./ThemeDefaultOptions\"\r\n\r\nexport const createTheme = (name: string, options: ThemeOptionInput): ThemeOptions => {\r\n   if (ThemeFactory.has(name)) {\r\n      console.error(`createTheme: The theme '${name}' is already defined. Please choose a different name for the theme.`)\r\n      return ThemeFactory.get(name) as ThemeOptions\r\n   }\r\n\r\n   let theme: any = mergeObject(lightThemeOptions, {\r\n      ...options,\r\n      name,\r\n      breakpoints: breakpoints\r\n   })\r\n\r\n   // add alpha colors\r\n   for (let color in theme.colors) {\r\n      const c = theme.colors[color] as ThemeOptionsColor\r\n      const is_common = color === 'divider' || color === 'background' || color === 'text'\r\n      c.soft = {\r\n         primary: is_common ? alpha(c.primary, 0.60) : alpha(c.primary, 0.08),\r\n         secondary: is_common ? alpha(c.primary, 0.90) : alpha(c.primary, 0.12)\r\n      }\r\n   }\r\n\r\n   ThemeFactory.set(name, theme)\r\n\r\n   return theme as ThemeOptions\r\n}\r\n"],"names":[],"mappings":";;;;MAKa,WAAW,GAAG,CAAC,IAAY,EAAE,OAAyB,KAAkB;AAClF,IAAA,IAAI,YAAY,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE;AACzB,QAAA,OAAO,CAAC,KAAK,CAAC,2BAA2B,IAAI,CAAA,mEAAA,CAAqE,CAAC;AACnH,QAAA,OAAO,YAAY,CAAC,GAAG,CAAC,IAAI,CAAiB;IAChD;AAEA,IAAA,IAAI,KAAK,GAAQ,WAAW,CAAC,iBAAiB,EAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACxC,OAAO,CAAA,EAAA,EACV,IAAI,EACJ,WAAW,EAAE,WAAW,IACzB;;AAGF,IAAA,KAAK,IAAI,KAAK,IAAI,KAAK,CAAC,MAAM,EAAE;QAC7B,MAAM,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAsB;AAClD,QAAA,MAAM,SAAS,GAAG,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,YAAY,IAAI,KAAK,KAAK,MAAM;QACnF,CAAC,CAAC,IAAI,GAAG;YACN,OAAO,EAAE,SAAS,GAAG,KAAK,CAAC,CAAC,CAAC,OAAO,EAAE,IAAI,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,OAAO,EAAE,IAAI,CAAC;YACpE,SAAS,EAAE,SAAS,GAAG,KAAK,CAAC,CAAC,CAAC,OAAO,EAAE,IAAI,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,OAAO,EAAE,IAAI;SACvE;IACJ;AAEA,IAAA,YAAY,CAAC,GAAG,CAAC,IAAI,EAAE,KAAK,CAAC;AAE7B,IAAA,OAAO,KAAqB;AAC/B;;;;"}
+{"version":3,"file":"createTheme.cjs","sources":["../../src/theme/createTheme.ts"],"sourcesContent":["import { ThemeOptions, ThemeOptionInput, ThemeOptionsColor } from \"./types\"\r\nimport { mergeObject, ThemeFactory } from \"./core\"\r\nimport { alpha, breakpoints } from \"../css\"\r\nimport { lightThemeOptions } from \"./ThemeDefaultOptions\"\r\n\r\nexport const createTheme = (name: string, options: ThemeOptionInput): ThemeOptions => {\r\n   if (ThemeFactory.has(name)) {\r\n      console.error(`createTheme: The theme '${name}' is already defined. Please choose a different name for the theme.`)\r\n      return ThemeFactory.get(name) as ThemeOptions\r\n   }\r\n\r\n   let theme: any = mergeObject(lightThemeOptions, {\r\n      ...options,\r\n      name,\r\n      breakpoints: breakpoints\r\n   })\r\n\r\n   // add alpha colors\r\n   for (let color in theme.colors) {\r\n      const c = theme.colors[color] as ThemeOptionsColor\r\n      const is_common = color === 'divider' || color === 'background' || color === 'text'\r\n      c.soft = {\r\n         primary: is_common ? alpha(c.primary, 0.60) : alpha(c.primary, 0.08),\r\n         secondary: is_common ? alpha(c.primary, 0.90) : alpha(c.primary, 0.12)\r\n      }\r\n   }\r\n\r\n   ThemeFactory.set(name, theme)\r\n\r\n   return theme as ThemeOptions\r\n}\r\n"],"names":["ThemeFactory","mergeObject","lightThemeOptions","breakpoints","alpha"],"mappings":";;;;;;MAKa,WAAW,GAAG,CAAC,IAAY,EAAE,OAAyB,KAAkB;AAClF,IAAA,IAAIA,iBAAY,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE;AACzB,QAAA,OAAO,CAAC,KAAK,CAAC,2BAA2B,IAAI,CAAA,mEAAA,CAAqE,CAAC;AACnH,QAAA,OAAOA,iBAAY,CAAC,GAAG,CAAC,IAAI,CAAiB;IAChD;AAEA,IAAA,IAAI,KAAK,GAAQC,gBAAW,CAACC,qCAAiB,EAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACxC,OAAO,CAAA,EAAA,EACV,IAAI,EACJ,WAAW,EAAEC,iBAAW,IACzB;;AAGF,IAAA,KAAK,IAAI,KAAK,IAAI,KAAK,CAAC,MAAM,EAAE;QAC7B,MAAM,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAsB;AAClD,QAAA,MAAM,SAAS,GAAG,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,YAAY,IAAI,KAAK,KAAK,MAAM;QACnF,CAAC,CAAC,IAAI,GAAG;YACN,OAAO,EAAE,SAAS,GAAGC,WAAK,CAAC,CAAC,CAAC,OAAO,EAAE,IAAI,CAAC,GAAGA,WAAK,CAAC,CAAC,CAAC,OAAO,EAAE,IAAI,CAAC;YACpE,SAAS,EAAE,SAAS,GAAGA,WAAK,CAAC,CAAC,CAAC,OAAO,EAAE,IAAI,CAAC,GAAGA,WAAK,CAAC,CAAC,CAAC,OAAO,EAAE,IAAI;SACvE;IACJ;AAEA,IAAAJ,iBAAY,CAAC,GAAG,CAAC,IAAI,EAAE,KAAK,CAAC;AAE7B,IAAA,OAAO,KAAqB;AAC/B;;;;"}

package/theme/createTheme.js

@@ -1,27 +1,25 @@
-'use strict';
-
-var core = require('./core.js');
-var index = require('../css/index.js');
-var ThemeDefaultOptions = require('./ThemeDefaultOptions.js');
+import { ThemeFactory, mergeObject } from './core.js';
+import { breakpoints, alpha } from '../css/index.js';
+import { lightThemeOptions } from './ThemeDefaultOptions.js';
 
 const createTheme = (name, options) => {
-    if (core.ThemeFactory.has(name)) {
+    if (ThemeFactory.has(name)) {
         console.error(`createTheme: The theme '${name}' is already defined. Please choose a different name for the theme.`);
-        return core.ThemeFactory.get(name);
+        return ThemeFactory.get(name);
     }
-    let theme = core.mergeObject(ThemeDefaultOptions.lightThemeOptions, Object.assign(Object.assign({}, options), { name, breakpoints: index.breakpoints }));
+    let theme = mergeObject(lightThemeOptions, Object.assign(Object.assign({}, options), { name, breakpoints: breakpoints }));
     // add alpha colors
     for (let color in theme.colors) {
         const c = theme.colors[color];
         const is_common = color === 'divider' || color === 'background' || color === 'text';
         c.soft = {
-            primary: is_common ? index.alpha(c.primary, 0.60) : index.alpha(c.primary, 0.08),
-            secondary: is_common ? index.alpha(c.primary, 0.90) : index.alpha(c.primary, 0.12)
+            primary: is_common ? alpha(c.primary, 0.60) : alpha(c.primary, 0.08),
+            secondary: is_common ? alpha(c.primary, 0.90) : alpha(c.primary, 0.12)
         };
     }
-    core.ThemeFactory.set(name, theme);
+    ThemeFactory.set(name, theme);
     return theme;
 };
 
-exports.createTheme = createTheme;
+export { createTheme };
 //# sourceMappingURL=createTheme.js.map

package/theme/createTheme.js.map

@@ -1 +1 @@
-{"version":3,"file":"createTheme.js","sources":["../../src/theme/createTheme.ts"],"sourcesContent":["import { ThemeOptions, ThemeOptionInput, ThemeOptionsColor } from \"./types\"\r\nimport { mergeObject, ThemeFactory } from \"./core\"\r\nimport { alpha, breakpoints } from \"../css\"\r\nimport { lightThemeOptions } from \"./ThemeDefaultOptions\"\r\n\r\nexport const createTheme = (name: string, options: ThemeOptionInput): ThemeOptions => {\r\n   if (ThemeFactory.has(name)) {\r\n      console.error(`createTheme: The theme '${name}' is already defined. Please choose a different name for the theme.`)\r\n      return ThemeFactory.get(name) as ThemeOptions\r\n   }\r\n\r\n   let theme: any = mergeObject(lightThemeOptions, {\r\n      ...options,\r\n      name,\r\n      breakpoints: breakpoints\r\n   })\r\n\r\n   // add alpha colors\r\n   for (let color in theme.colors) {\r\n      const c = theme.colors[color] as ThemeOptionsColor\r\n      const is_common = color === 'divider' || color === 'background' || color === 'text'\r\n      c.soft = {\r\n         primary: is_common ? alpha(c.primary, 0.60) : alpha(c.primary, 0.08),\r\n         secondary: is_common ? alpha(c.primary, 0.90) : alpha(c.primary, 0.12)\r\n      }\r\n   }\r\n\r\n   ThemeFactory.set(name, theme)\r\n\r\n   return theme as ThemeOptions\r\n}\r\n"],"names":["ThemeFactory","mergeObject","lightThemeOptions","breakpoints","alpha"],"mappings":";;;;;;MAKa,WAAW,GAAG,CAAC,IAAY,EAAE,OAAyB,KAAkB;AAClF,IAAA,IAAIA,iBAAY,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE;AACzB,QAAA,OAAO,CAAC,KAAK,CAAC,2BAA2B,IAAI,CAAA,mEAAA,CAAqE,CAAC;AACnH,QAAA,OAAOA,iBAAY,CAAC,GAAG,CAAC,IAAI,CAAiB;IAChD;AAEA,IAAA,IAAI,KAAK,GAAQC,gBAAW,CAACC,qCAAiB,EAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACxC,OAAO,CAAA,EAAA,EACV,IAAI,EACJ,WAAW,EAAEC,iBAAW,IACzB;;AAGF,IAAA,KAAK,IAAI,KAAK,IAAI,KAAK,CAAC,MAAM,EAAE;QAC7B,MAAM,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAsB;AAClD,QAAA,MAAM,SAAS,GAAG,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,YAAY,IAAI,KAAK,KAAK,MAAM;QACnF,CAAC,CAAC,IAAI,GAAG;YACN,OAAO,EAAE,SAAS,GAAGC,WAAK,CAAC,CAAC,CAAC,OAAO,EAAE,IAAI,CAAC,GAAGA,WAAK,CAAC,CAAC,CAAC,OAAO,EAAE,IAAI,CAAC;YACpE,SAAS,EAAE,SAAS,GAAGA,WAAK,CAAC,CAAC,CAAC,OAAO,EAAE,IAAI,CAAC,GAAGA,WAAK,CAAC,CAAC,CAAC,OAAO,EAAE,IAAI;SACvE;IACJ;AAEA,IAAAJ,iBAAY,CAAC,GAAG,CAAC,IAAI,EAAE,KAAK,CAAC;AAE7B,IAAA,OAAO,KAAqB;AAC/B;;;;"}
+{"version":3,"file":"createTheme.js","sources":["../../src/theme/createTheme.ts"],"sourcesContent":["import { ThemeOptions, ThemeOptionInput, ThemeOptionsColor } from \"./types\"\r\nimport { mergeObject, ThemeFactory } from \"./core\"\r\nimport { alpha, breakpoints } from \"../css\"\r\nimport { lightThemeOptions } from \"./ThemeDefaultOptions\"\r\n\r\nexport const createTheme = (name: string, options: ThemeOptionInput): ThemeOptions => {\r\n   if (ThemeFactory.has(name)) {\r\n      console.error(`createTheme: The theme '${name}' is already defined. Please choose a different name for the theme.`)\r\n      return ThemeFactory.get(name) as ThemeOptions\r\n   }\r\n\r\n   let theme: any = mergeObject(lightThemeOptions, {\r\n      ...options,\r\n      name,\r\n      breakpoints: breakpoints\r\n   })\r\n\r\n   // add alpha colors\r\n   for (let color in theme.colors) {\r\n      const c = theme.colors[color] as ThemeOptionsColor\r\n      const is_common = color === 'divider' || color === 'background' || color === 'text'\r\n      c.soft = {\r\n         primary: is_common ? alpha(c.primary, 0.60) : alpha(c.primary, 0.08),\r\n         secondary: is_common ? alpha(c.primary, 0.90) : alpha(c.primary, 0.12)\r\n      }\r\n   }\r\n\r\n   ThemeFactory.set(name, theme)\r\n\r\n   return theme as ThemeOptions\r\n}\r\n"],"names":[],"mappings":";;;;MAKa,WAAW,GAAG,CAAC,IAAY,EAAE,OAAyB,KAAkB;AAClF,IAAA,IAAI,YAAY,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE;AACzB,QAAA,OAAO,CAAC,KAAK,CAAC,2BAA2B,IAAI,CAAA,mEAAA,CAAqE,CAAC;AACnH,QAAA,OAAO,YAAY,CAAC,GAAG,CAAC,IAAI,CAAiB;IAChD;AAEA,IAAA,IAAI,KAAK,GAAQ,WAAW,CAAC,iBAAiB,EAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACxC,OAAO,CAAA,EAAA,EACV,IAAI,EACJ,WAAW,EAAE,WAAW,IACzB;;AAGF,IAAA,KAAK,IAAI,KAAK,IAAI,KAAK,CAAC,MAAM,EAAE;QAC7B,MAAM,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAsB;AAClD,QAAA,MAAM,SAAS,GAAG,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,YAAY,IAAI,KAAK,KAAK,MAAM;QACnF,CAAC,CAAC,IAAI,GAAG;YACN,OAAO,EAAE,SAAS,GAAG,KAAK,CAAC,CAAC,CAAC,OAAO,EAAE,IAAI,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,OAAO,EAAE,IAAI,CAAC;YACpE,SAAS,EAAE,SAAS,GAAG,KAAK,CAAC,CAAC,CAAC,OAAO,EAAE,IAAI,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,OAAO,EAAE,IAAI;SACvE;IACJ;AAEA,IAAA,YAAY,CAAC,GAAG,CAAC,IAAI,EAAE,KAAK,CAAC;AAE7B,IAAA,OAAO,KAAqB;AAC/B;;;;"}

package/theme/{createThemeSwitcher.mjs → createThemeSwitcher.cjs}

@@ -1,9 +1,11 @@
 "use client";
-import { createBucket, xv } from 'react-state-bucket';
-import { getTheme } from './core.mjs';
+'use strict';
+
+var reactStateBucket = require('react-state-bucket');
+var core = require('./core.cjs');
 
 const createThemeSwitcher = (defaultTheme, option) => {
-    const useThemeBucket = createBucket({ name: xv.string().default(defaultTheme) }, {
+    const useThemeBucket = reactStateBucket.createBucket({ name: reactStateBucket.xv.string().default(defaultTheme) }, {
         store: (option === null || option === void 0 ? void 0 : option.store) || "memory",
         onChange: (_key, value) => {
             (option === null || option === void 0 ? void 0 : option.onChange) && (option === null || option === void 0 ? void 0 : option.onChange(value));
@@ -13,12 +15,12 @@ const createThemeSwitcher = (defaultTheme, option) => {
         const bucket = useThemeBucket();
         return {
             name: bucket.state.name,
-            theme: getTheme(bucket.state.name),
+            theme: core.getTheme(bucket.state.name),
             change: (theme) => bucket.set('name', theme)
         };
     };
     return useThemeSwitcher;
 };
 
-export { createThemeSwitcher as default };
-//# sourceMappingURL=createThemeSwitcher.mjs.map
+module.exports = createThemeSwitcher;
+//# sourceMappingURL=createThemeSwitcher.cjs.map

package/theme/{createThemeSwitcher.mjs.map → createThemeSwitcher.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"createThemeSwitcher.mjs","sources":["../../src/theme/createThemeSwitcher.ts"],"sourcesContent":["\"use client\";\r\nimport { createBucket, xv } from \"react-state-bucket\"\r\nimport { getTheme } from \"./core\"\r\nimport { BucketOptions } from \"react-state-bucket\"\r\n\r\nexport type ThemeSwitcherOption = {\r\n   store?: BucketOptions['store'],\r\n   onChange?: (theme: string) => void\r\n}\r\n\r\nconst createThemeSwitcher = (defaultTheme: string, option?: ThemeSwitcherOption) => {\r\n\r\n   const useThemeBucket = createBucket({ name: xv.string().default(defaultTheme) }, {\r\n      store: option?.store || \"memory\",\r\n      onChange: (_key, value) => {\r\n         option?.onChange && option?.onChange(value)\r\n      }\r\n   })\r\n\r\n   const useThemeSwitcher = () => {\r\n      const bucket = useThemeBucket()\r\n      return {\r\n         name: bucket.state.name,\r\n         theme: getTheme(bucket.state.name),\r\n         change: (theme: string) => bucket.set('name', theme)\r\n      }\r\n   }\r\n   return useThemeSwitcher\r\n}\r\n\r\nexport default createThemeSwitcher"],"names":[],"mappings":";;;;AAUA;AAEG;;AAEG;AACG;;AAEL;;AAGE;;AAEG;;AAEA;;AAEN;AACA;AACH;;"}
+{"version":3,"file":"createThemeSwitcher.cjs","sources":["../../src/theme/createThemeSwitcher.ts"],"sourcesContent":["\"use client\";\r\nimport { createBucket, xv } from \"react-state-bucket\"\r\nimport { getTheme } from \"./core\"\r\nimport { BucketOptions } from \"react-state-bucket\"\r\n\r\nexport type ThemeSwitcherOption = {\r\n   store?: BucketOptions['store'],\r\n   onChange?: (theme: string) => void\r\n}\r\n\r\nconst createThemeSwitcher = (defaultTheme: string, option?: ThemeSwitcherOption) => {\r\n\r\n   const useThemeBucket = createBucket({ name: xv.string().default(defaultTheme) }, {\r\n      store: option?.store || \"memory\",\r\n      onChange: (_key, value) => {\r\n         option?.onChange && option?.onChange(value)\r\n      }\r\n   })\r\n\r\n   const useThemeSwitcher = () => {\r\n      const bucket = useThemeBucket()\r\n      return {\r\n         name: bucket.state.name,\r\n         theme: getTheme(bucket.state.name),\r\n         change: (theme: string) => bucket.set('name', theme)\r\n      }\r\n   }\r\n   return useThemeSwitcher\r\n}\r\n\r\nexport default createThemeSwitcher"],"names":[],"mappings":";;;;;;AAUA;AAEG;;AAEG;AACG;;AAEL;;AAGE;;AAEG;;AAEA;;AAEN;AACA;AACH;;"}

package/theme/createThemeSwitcher.js

@@ -1,11 +1,9 @@
 "use client";
-'use strict';
-
-var reactStateBucket = require('react-state-bucket');
-var core = require('./core.js');
+import { createBucket, xv } from 'react-state-bucket';
+import { getTheme } from './core.js';
 
 const createThemeSwitcher = (defaultTheme, option) => {
-    const useThemeBucket = reactStateBucket.createBucket({ name: reactStateBucket.xv.string().default(defaultTheme) }, {
+    const useThemeBucket = createBucket({ name: xv.string().default(defaultTheme) }, {
         store: (option === null || option === void 0 ? void 0 : option.store) || "memory",
         onChange: (_key, value) => {
             (option === null || option === void 0 ? void 0 : option.onChange) && (option === null || option === void 0 ? void 0 : option.onChange(value));
@@ -15,12 +13,12 @@ const createThemeSwitcher = (defaultTheme, option) => {
         const bucket = useThemeBucket();
         return {
             name: bucket.state.name,
-            theme: core.getTheme(bucket.state.name),
+            theme: getTheme(bucket.state.name),
             change: (theme) => bucket.set('name', theme)
         };
     };
     return useThemeSwitcher;
 };
 
-module.exports = createThemeSwitcher;
+export { createThemeSwitcher as default };
 //# sourceMappingURL=createThemeSwitcher.js.map

package/theme/createThemeSwitcher.js.map

@@ -1 +1 @@
-{"version":3,"file":"createThemeSwitcher.js","sources":["../../src/theme/createThemeSwitcher.ts"],"sourcesContent":["\"use client\";\r\nimport { createBucket, xv } from \"react-state-bucket\"\r\nimport { getTheme } from \"./core\"\r\nimport { BucketOptions } from \"react-state-bucket\"\r\n\r\nexport type ThemeSwitcherOption = {\r\n   store?: BucketOptions['store'],\r\n   onChange?: (theme: string) => void\r\n}\r\n\r\nconst createThemeSwitcher = (defaultTheme: string, option?: ThemeSwitcherOption) => {\r\n\r\n   const useThemeBucket = createBucket({ name: xv.string().default(defaultTheme) }, {\r\n      store: option?.store || \"memory\",\r\n      onChange: (_key, value) => {\r\n         option?.onChange && option?.onChange(value)\r\n      }\r\n   })\r\n\r\n   const useThemeSwitcher = () => {\r\n      const bucket = useThemeBucket()\r\n      return {\r\n         name: bucket.state.name,\r\n         theme: getTheme(bucket.state.name),\r\n         change: (theme: string) => bucket.set('name', theme)\r\n      }\r\n   }\r\n   return useThemeSwitcher\r\n}\r\n\r\nexport default createThemeSwitcher"],"names":[],"mappings":";;;;;;AAUA;AAEG;;AAEG;AACG;;AAEL;;AAGE;;AAEG;;AAEA;;AAEN;AACA;AACH;;"}
+{"version":3,"file":"createThemeSwitcher.js","sources":["../../src/theme/createThemeSwitcher.ts"],"sourcesContent":["\"use client\";\r\nimport { createBucket, xv } from \"react-state-bucket\"\r\nimport { getTheme } from \"./core\"\r\nimport { BucketOptions } from \"react-state-bucket\"\r\n\r\nexport type ThemeSwitcherOption = {\r\n   store?: BucketOptions['store'],\r\n   onChange?: (theme: string) => void\r\n}\r\n\r\nconst createThemeSwitcher = (defaultTheme: string, option?: ThemeSwitcherOption) => {\r\n\r\n   const useThemeBucket = createBucket({ name: xv.string().default(defaultTheme) }, {\r\n      store: option?.store || \"memory\",\r\n      onChange: (_key, value) => {\r\n         option?.onChange && option?.onChange(value)\r\n      }\r\n   })\r\n\r\n   const useThemeSwitcher = () => {\r\n      const bucket = useThemeBucket()\r\n      return {\r\n         name: bucket.state.name,\r\n         theme: getTheme(bucket.state.name),\r\n         change: (theme: string) => bucket.set('name', theme)\r\n      }\r\n   }\r\n   return useThemeSwitcher\r\n}\r\n\r\nexport default createThemeSwitcher"],"names":[],"mappings":";;;;AAUA;AAEG;;AAEG;AACG;;AAEL;;AAGE;;AAEG;;AAEA;;AAEN;AACA;AACH;;"}

package/theme/index.cjs

@@ -0,0 +1,15 @@
+'use strict';
+
+var core = require('./core.cjs');
+require('../css/getValue.cjs');
+require('oncss');
+var ThemeProvider = require('./ThemeProvider.cjs');
+require('react-state-bucket');
+
+const themeRootClass = (theme) => `.xui-${theme}-theme-root`;
+
+exports.getTheme = core.getTheme;
+exports.useTheme = core.useTheme;
+exports.ThemeProvider = ThemeProvider;
+exports.themeRootClass = themeRootClass;
+//# sourceMappingURL=index.cjs.map

package/theme/{index.mjs.map → index.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/theme/index.tsx"],"sourcesContent":["import { createTheme } from \"./createTheme\"\r\nimport ThemeProvider from './ThemeProvider'\r\nimport createThemeSwitcher from './createThemeSwitcher'\r\nimport { getTheme, useTheme } from './core'\r\nexport type { ThemeProviderProps } from './ThemeProvider'\r\nexport type { ThemeSwitcherOption } from './createThemeSwitcher'\r\n\r\nexport const themeRootClass = (theme: string) => `.xui-${theme}-theme-root`\r\n\r\nexport {\r\n    ThemeProvider,\r\n    createThemeSwitcher,\r\n    createTheme,\r\n    getTheme,\r\n    useTheme\r\n}\r\n\r\n"],"names":[],"mappings":";;;;;;AAOO,MAAM,cAAc,GAAG,CAAC,KAAa,KAAK,CAAA,KAAA,EAAQ,KAAK,CAAA,WAAA;;;;"}
+{"version":3,"file":"index.cjs","sources":["../../src/theme/index.tsx"],"sourcesContent":["import { createTheme } from \"./createTheme\"\r\nimport ThemeProvider from './ThemeProvider'\r\nimport createThemeSwitcher from './createThemeSwitcher'\r\nimport { getTheme, useTheme } from './core'\r\nexport type { ThemeProviderProps } from './ThemeProvider'\r\nexport type { ThemeSwitcherOption } from './createThemeSwitcher'\r\n\r\nexport const themeRootClass = (theme: string) => `.xui-${theme}-theme-root`\r\n\r\nexport {\r\n    ThemeProvider,\r\n    createThemeSwitcher,\r\n    createTheme,\r\n    getTheme,\r\n    useTheme\r\n}\r\n\r\n"],"names":[],"mappings":";;;;;;;;AAOO,MAAM,cAAc,GAAG,CAAC,KAAa,KAAK,CAAA,KAAA,EAAQ,KAAK,CAAA,WAAA;;;;;;;"}

package/theme/index.js

@@ -1,15 +1,10 @@
-'use strict';
-
-var core = require('./core.js');
-require('../css/getValue.js');
-require('oncss');
-var ThemeProvider = require('./ThemeProvider.js');
-require('react-state-bucket');
+export { getTheme, useTheme } from './core.js';
+import '../css/getValue.js';
+import 'oncss';
+export { default as ThemeProvider } from './ThemeProvider.js';
+import 'react-state-bucket';
 
 const themeRootClass = (theme) => `.xui-${theme}-theme-root`;
 
-exports.getTheme = core.getTheme;
-exports.useTheme = core.useTheme;
-exports.ThemeProvider = ThemeProvider;
-exports.themeRootClass = themeRootClass;
+export { themeRootClass };
 //# sourceMappingURL=index.js.map

package/theme/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/theme/index.tsx"],"sourcesContent":["import { createTheme } from \"./createTheme\"\r\nimport ThemeProvider from './ThemeProvider'\r\nimport createThemeSwitcher from './createThemeSwitcher'\r\nimport { getTheme, useTheme } from './core'\r\nexport type { ThemeProviderProps } from './ThemeProvider'\r\nexport type { ThemeSwitcherOption } from './createThemeSwitcher'\r\n\r\nexport const themeRootClass = (theme: string) => `.xui-${theme}-theme-root`\r\n\r\nexport {\r\n    ThemeProvider,\r\n    createThemeSwitcher,\r\n    createTheme,\r\n    getTheme,\r\n    useTheme\r\n}\r\n\r\n"],"names":[],"mappings":";;;;;;;;AAOO,MAAM,cAAc,GAAG,CAAC,KAAa,KAAK,CAAA,KAAA,EAAQ,KAAK,CAAA,WAAA;;;;;;;"}
+{"version":3,"file":"index.js","sources":["../../src/theme/index.tsx"],"sourcesContent":["import { createTheme } from \"./createTheme\"\r\nimport ThemeProvider from './ThemeProvider'\r\nimport createThemeSwitcher from './createThemeSwitcher'\r\nimport { getTheme, useTheme } from './core'\r\nexport type { ThemeProviderProps } from './ThemeProvider'\r\nexport type { ThemeSwitcherOption } from './createThemeSwitcher'\r\n\r\nexport const themeRootClass = (theme: string) => `.xui-${theme}-theme-root`\r\n\r\nexport {\r\n    ThemeProvider,\r\n    createThemeSwitcher,\r\n    createTheme,\r\n    getTheme,\r\n    useTheme\r\n}\r\n\r\n"],"names":[],"mappings":";;;;;;AAOO,MAAM,cAAc,GAAG,CAAC,KAAa,KAAK,CAAA,KAAA,EAAQ,KAAK,CAAA,WAAA;;;;"}

package/AppRoot/AppRootProvider.mjs

@@ -1,17 +0,0 @@
-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=AppRootProvider.mjs.map

package/AppRoot/Renderar.mjs

@@ -1,51 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import React__default from 'react';
-
-const Components = [];
-let dispatch = null;
-class Renderar {
-    static render(component, props) {
-        Components.push({ component, props });
-        if (dispatch) {
-            dispatch();
-        }
-        return {
-            unrender: () => {
-                this.unrender(component);
-            },
-            updateProps: (newProps) => {
-                this.updateProps(component, newProps);
-            }
-        };
-    }
-    static unrender(component) {
-        const index = Components.findIndex((c) => c.component === component);
-        if (index > -1) {
-            Components.splice(index, 1);
-            if (dispatch)
-                dispatch();
-        }
-    }
-    static updateProps(component, props) {
-        const storedComponent = Components.find((c) => c.component === component);
-        if (storedComponent) {
-            storedComponent.props = Object.assign(Object.assign({}, storedComponent.props), props);
-        }
-        if (dispatch)
-            dispatch();
-    }
-}
-const RenderRenderar = () => {
-    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);
-    });
-};
-
-export { RenderRenderar, Renderar };
-//# sourceMappingURL=Renderar.mjs.map

package/AppRoot/Renderar.mjs.map

@@ -1 +0,0 @@
-{"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/index.mjs

@@ -1,40 +0,0 @@
-"use client";
-import { __rest } from 'tslib';
-import { jsx, jsxs } from 'react/jsx-runtime';
-import React__default, { useId, useRef, useEffect } from 'react';
-import '../theme/core.mjs';
-import '../css/getValue.mjs';
-import 'oncss';
-import ThemeProvider from '../theme/ThemeProvider.mjs';
-import 'react-state-bucket';
-import { BreakpointProvider } from '../breakpoint/BreakpointProvider.mjs';
-import { RenderRenderar } from './Renderar.mjs';
-import { DocumentProvider } from '../Document/index.mjs';
-import { AppRootProvider } from './AppRootProvider.mjs';
-import useMergeRefs from '../hooks/useMergeRefs.mjs';
-import { CSSCacheProvider } from '../css/CSSCacheProvider.mjs';
-
-const AppRoot = React__default.forwardRef((_a, ref) => {
-    var { children, noScrollbarCss, CSSCacheId, theme, document: _document } = _a, props = __rest(_a, ["children", "noScrollbarCss", "CSSCacheId", "theme", "document"]);
-    noScrollbarCss !== null && noScrollbarCss !== void 0 ? noScrollbarCss : (noScrollbarCss = false);
-    _document !== null && _document !== void 0 ? _document : (_document = document);
-    const csscacheId = useId();
-    CSSCacheId !== null && CSSCacheId !== void 0 ? CSSCacheId : (CSSCacheId = csscacheId);
-    const [visibility, setVisibility] = React__default.useState("hidden");
-    const rootRef = useRef(null);
-    const mergeRef = useMergeRefs(rootRef, ref);
-    useEffect(() => {
-        setVisibility("visible");
-        // move oncss style tags to head
-        if (typeof _document === 'undefined')
-            return;
-        const styles = Array.from(_document.querySelectorAll('body style[data-oncss]'));
-        styles.forEach((style) => {
-            _document.head.appendChild(style);
-        });
-    }, []);
-    return (jsx(DocumentProvider, { document: _document, children: jsx(CSSCacheProvider, { cacheId: CSSCacheId, children: jsx(AppRootProvider, { element: rootRef.current, children: jsx(ThemeProvider, Object.assign({ ref: mergeRef, theme: theme }, props, { isRoot: true, sx: Object.assign(Object.assign({}, props.sx), (visibility === "hidden" ? { visibility: "hidden" } : {})), children: jsxs(BreakpointProvider, { children: [children, jsx(RenderRenderar, {})] }) })) }) }) }));
-});
-
-export { AppRoot as default };
-//# sourceMappingURL=index.mjs.map

package/AppRoot/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.mjs","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}\r\n\r\nconst AppRoot = React.forwardRef(<T extends TagComponentType = \"div\">({ children, noScrollbarCss, CSSCacheId, theme, document: _document, ...props }: AppRootProps<T>, ref: React.Ref<any>) => {\r\n   noScrollbarCss ??= false\r\n   _document ??= document\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\r\n   return (\r\n      <DocumentProvider document={_document}>\r\n         <CSSCacheProvider cacheId={CSSCacheId}>\r\n            <AppRootProvider element={rootRef.current}>\r\n               <ThemeProvider\r\n                  ref={mergeRef}\r\n                  theme={theme}\r\n                  {...props}\r\n                  isRoot\r\n                  sx={{\r\n                     ...props.sx,\r\n                     ...(visibility === \"hidden\" ? { visibility: \"hidden\" } : {})\r\n                  }}\r\n               >\r\n                  <BreakpointProvider>\r\n                     {children}\r\n                     <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":";;;;;;;;;;;;;;;;AAiBA;AAAsE;;;AAGnE;;AAGA;AACA;;;;;;;AAQG;AACA;AACG;AACH;;AAGH;AAuBH;;"}