@xanui/core 1.1.6 → 1.1.7

package/css/index.js

@@ -7,20 +7,20 @@
 };
 const css = (props, options) => {
     const cssOptions = Object.assign(Object.assign({}, options), { breakpoints,
-        aliases, getValue: (p, v, _c, dept) => {
+        aliases: aliases.default, getValue: (p, v, _c, dept) => {
             if (options === null || options === void 0 ? void 0 : options.getValue) {
                 let _val = options === null || options === void 0 ? void 0 : options.getValue(p, v, _c, dept);
                 if (_val)
                     return _val;
             }
-            return getValue(p, v);
+            return getValue.default(p, v);
         }, getProps: (p, v, _c, dept) => {
             if (options === null || options === void 0 ? void 0 : options.getProps) {
                 let _p = options === null || options === void 0 ? void 0 : options.getProps(p, v, _c, dept);
                 if (_p)
                     return _p;
             }
-            return getProps(p, v, _c);
+            return getProps.default(p, v, _c);
         } });
     return oncss.css(props, cssOptions);
 };
@@ -52,4 +52,4 @@ const alpha = (color, opacity = 1) => {
     if (!color.startsWith("#"))
         throw new Error(`color must be hex`);
     return (color + (`0${Math.round((255 / 100) * _opacity).toString(16)}`.slice(-2))).toUpperCase();
-};exports.getValue=getValue;exports.getProps=getProps;exports.adjustColor=adjustColor;exports.adjustTextContrast=adjustTextContrast;exports.alpha=alpha;exports.breakpoints=breakpoints;exports.css=css;//# sourceMappingURL=index.js.map
+};exports.getValue=getValue.default;exports.getProps=getProps.default;exports.adjustColor=adjustColor;exports.adjustTextContrast=adjustTextContrast;exports.alpha=alpha;exports.breakpoints=breakpoints;exports.css=css;//# sourceMappingURL=index.js.map

package/css/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/css/index.ts"],"sourcesContent":["import getValue from \"./getValue\"\nimport getProps from \"./getProps\"\nimport aliases from \"./aliases\"\nimport { Aliases, BreakpointKeys, CSSOptionProps, CSSProps } from './types'\nimport { css as _css } from \"oncss\"\n\nexport {\n    getValue,\n    getProps\n}\n\nexport const breakpoints = {\n    xs: 0,\n    sm: 600,\n    md: 900,\n    lg: 1200,\n    xl: 1536\n}\n\nexport const css = (props: CSSProps, options?: CSSOptionProps) => {\n    const cssOptions: CSSOptionProps = {\n        ...options,\n        breakpoints,\n        aliases,\n        getValue: (p: any, v: any, _c: any, dept) => {\n            if (options?.getValue) {\n                let _val = options?.getValue(p, v, _c, dept)\n                if (_val) return _val\n            }\n            return getValue(p, v, _c)\n        },\n        getProps: (p: any, v: any, _c: any, dept) => {\n            if (options?.getProps) {\n                let _p = options?.getProps(p, v, _c, dept)\n                if (_p) return _p\n            }\n            return getProps(p, v, _c)\n        },\n    }\n    return _css<Aliases, BreakpointKeys>(props, cssOptions)\n}\n\nexport const adjustColor = (hex: string, factor: number) => {\n\n    hex = hex.replace(/^#/, '')\n\n    let r = parseInt(hex.slice(0, 2), 16)\n    let g = parseInt(hex.slice(2, 4), 16)\n    let b = parseInt(hex.slice(4, 6), 16)\n\n    r = Math.floor(r * factor)\n    g = Math.floor(g * factor)\n    b = Math.floor(b * factor)\n\n    r = Math.min(255, Math.max(0, r))\n    g = Math.min(255, Math.max(0, g))\n    b = Math.min(255, Math.max(0, b))\n\n    return `#${r.toString(16).padStart(2, '0')}${g.toString(16).padStart(2, '0')}${b.toString(16).padStart(2, '0')}`;\n}\n\nexport const adjustTextContrast = (color: string) => {\n    color = color.replace(/^#/, '')\n    const r = parseInt(color.slice(0, 2), 16);\n    const g = parseInt(color.slice(2, 4), 16);\n    const b = parseInt(color.slice(4, 6), 16);\n\n    const luminance = (0.299 * r + 0.587 * g + 0.114 * b) / 255;\n    return luminance > 0.5 ? '#111111' : '#FFFFFF';\n}\n\nexport const alpha = (color: string, opacity = 1) => {\n    if (typeof opacity !== 'number') return color\n    let _opacity = opacity * 100\n    if (!color.startsWith(\"#\")) throw new Error(`color must be hex`)\n    return (color + (`0${Math.round((255 / 100) * _opacity).toString(16)}`.slice(-2))).toUpperCase();\n};\n\n"],"names":["_css"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../src/css/index.ts"],"sourcesContent":["import getValue from \"./getValue\"\nimport getProps from \"./getProps\"\nimport aliases from \"./aliases\"\nimport { Aliases, BreakpointKeys, CSSOptionProps, CSSProps } from './types'\nimport { css as _css } from \"oncss\"\n\nexport {\n    getValue,\n    getProps\n}\n\nexport const breakpoints = {\n    xs: 0,\n    sm: 600,\n    md: 900,\n    lg: 1200,\n    xl: 1536\n}\n\nexport const css = (props: CSSProps, options?: CSSOptionProps) => {\n    const cssOptions: CSSOptionProps = {\n        ...options,\n        breakpoints,\n        aliases,\n        getValue: (p: any, v: any, _c: any, dept) => {\n            if (options?.getValue) {\n                let _val = options?.getValue(p, v, _c, dept)\n                if (_val) return _val\n            }\n            return getValue(p, v, _c)\n        },\n        getProps: (p: any, v: any, _c: any, dept) => {\n            if (options?.getProps) {\n                let _p = options?.getProps(p, v, _c, dept)\n                if (_p) return _p\n            }\n            return getProps(p, v, _c)\n        },\n    }\n    return _css<Aliases, BreakpointKeys>(props, cssOptions)\n}\n\nexport const adjustColor = (hex: string, factor: number) => {\n\n    hex = hex.replace(/^#/, '')\n\n    let r = parseInt(hex.slice(0, 2), 16)\n    let g = parseInt(hex.slice(2, 4), 16)\n    let b = parseInt(hex.slice(4, 6), 16)\n\n    r = Math.floor(r * factor)\n    g = Math.floor(g * factor)\n    b = Math.floor(b * factor)\n\n    r = Math.min(255, Math.max(0, r))\n    g = Math.min(255, Math.max(0, g))\n    b = Math.min(255, Math.max(0, b))\n\n    return `#${r.toString(16).padStart(2, '0')}${g.toString(16).padStart(2, '0')}${b.toString(16).padStart(2, '0')}`;\n}\n\nexport const adjustTextContrast = (color: string) => {\n    color = color.replace(/^#/, '')\n    const r = parseInt(color.slice(0, 2), 16);\n    const g = parseInt(color.slice(2, 4), 16);\n    const b = parseInt(color.slice(4, 6), 16);\n\n    const luminance = (0.299 * r + 0.587 * g + 0.114 * b) / 255;\n    return luminance > 0.5 ? '#111111' : '#FFFFFF';\n}\n\nexport const alpha = (color: string, opacity = 1) => {\n    if (typeof opacity !== 'number') return color\n    let _opacity = opacity * 100\n    if (!color.startsWith(\"#\")) throw new Error(`color must be hex`)\n    return (color + (`0${Math.round((255 / 100) * _opacity).toString(16)}`.slice(-2))).toUpperCase();\n};\n\n"],"names":["aliases","getValue","getProps","_css"],"mappings":"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"}

package/index.d.ts

@@ -13,7 +13,7 @@ export { default as ThemeProvider, ThemeProviderProps } from './theme/ThemeProvi
 export { default as createThemeSwitcher } from './theme/createThemeSwitcher.js';
 export { getTheme, useTheme } from './theme/core.js';
 export { Aliases, BreakpointKeys, CSSBreakpointType, CSSOptionProps, CSSProps, CSSValueType, FN, GlobalCSS } from './css/types.js';
-export { CSSPropAsAttr, TagComponentType, TagProps, TagPropsRoot } from './Tag/types.js';
+export { CSSPropAsAttr, TagCSSProperties, TagComponentType, TagProps, TagPropsRoot } from './Tag/types.js';
 export { ColorsRefTypes, ObjectType, ThemeColor, ThemeColorInput, ThemeColorItem, ThemeColorItemInput, ThemeOptionInput, ThemeOptions, ThemeTypographyInputType, ThemeTypographyItem, ThemeTypographyItemInput, ThemeTypographyType, TypographyRefTypes } from './theme/types.js';
 export { default as getValue } from './css/getValue.js';
 export { default as getProps } from './css/getProps.js';

package/index.js

@@ -1 +1 @@
-'use strict';Object.defineProperty(exports,'__esModule',{value:true});var index=require('./Tag/index.js'),useTagProps=require('./Tag/useTagProps.js'),useAnimation=require('./useAnimation.js'),useColorTemplate=require('./useColorTemplate.js'),useBreakpoint=require('./breakpoint/useBreakpoint.js'),useBreakpointProps=require('./breakpoint/useBreakpointProps.js'),ServerStyleTags=require('./ServerStyleTags.js'),isWindow=require('./isWindow.js'),useInterface=require('./useInterface.js'),index$1=require('./Transition/index.js'),index$2=require('./css/index.js');require('./theme/index.js');var getValue=require('./css/getValue.js'),getProps=require('./css/getProps.js'),ThemeProvider=require('./theme/ThemeProvider.js'),createThemeSwitcher=require('./theme/createThemeSwitcher.js'),core=require('./theme/core.js');exports.Tag=index;exports.useTagProps=useTagProps;exports.animationEases=useAnimation.animationEases;exports.useAnimation=useAnimation.default;exports.useColorTemplate=useColorTemplate;exports.useBreakpoint=useBreakpoint;exports.useBreakpointProps=useBreakpointProps;exports.ServerStyleTags=ServerStyleTags;exports.isWindow=isWindow;exports.useInterface=useInterface;exports.Transition=index$1;exports.adjustColor=index$2.adjustColor;exports.adjustTextContrast=index$2.adjustTextContrast;exports.alpha=index$2.alpha;exports.breakpoints=index$2.breakpoints;exports.css=index$2.css;exports.getValue=getValue;exports.getProps=getProps;exports.ThemeProvider=ThemeProvider;exports.createThemeSwitcher=createThemeSwitcher;exports.getTheme=core.getTheme;exports.useTheme=core.useTheme;//# sourceMappingURL=index.js.map
+'use strict';Object.defineProperty(exports,'__esModule',{value:true});var index=require('./Tag/index.js'),useTagProps=require('./Tag/useTagProps.js'),useAnimation=require('./useAnimation.js'),useColorTemplate=require('./useColorTemplate.js'),useBreakpoint=require('./breakpoint/useBreakpoint.js'),useBreakpointProps=require('./breakpoint/useBreakpointProps.js'),ServerStyleTags=require('./ServerStyleTags.js'),isWindow=require('./isWindow.js'),useInterface=require('./useInterface.js'),index$1=require('./Transition/index.js'),index$2=require('./css/index.js');require('./theme/index.js');var getValue=require('./css/getValue.js'),getProps=require('./css/getProps.js'),ThemeProvider=require('./theme/ThemeProvider.js'),createThemeSwitcher=require('./theme/createThemeSwitcher.js'),core=require('./theme/core.js');exports.Tag=index.default;exports.useTagProps=useTagProps.default;exports.animationEases=useAnimation.animationEases;exports.useAnimation=useAnimation.default;exports.useColorTemplate=useColorTemplate.default;exports.useBreakpoint=useBreakpoint.default;exports.useBreakpointProps=useBreakpointProps.default;exports.ServerStyleTags=ServerStyleTags.default;exports.isWindow=isWindow.default;exports.useInterface=useInterface.default;exports.Transition=index$1.default;exports.adjustColor=index$2.adjustColor;exports.adjustTextContrast=index$2.adjustTextContrast;exports.alpha=index$2.alpha;exports.breakpoints=index$2.breakpoints;exports.css=index$2.css;exports.getValue=getValue.default;exports.getProps=getProps.default;exports.ThemeProvider=ThemeProvider.default;exports.createThemeSwitcher=createThemeSwitcher.default;exports.getTheme=core.getTheme;exports.useTheme=core.useTheme;//# sourceMappingURL=index.js.map

package/isWindow.js

@@ -1 +1 @@
-'use strict';const isWindow = () => typeof window !== 'undefined' ? window : undefined;module.exports=isWindow;//# sourceMappingURL=isWindow.js.map
+'use strict';Object.defineProperty(exports,'__esModule',{value:true});const isWindow = () => typeof window !== 'undefined' ? window : undefined;exports.default=isWindow;//# sourceMappingURL=isWindow.js.map

package/isWindow.js.map

@@ -1 +1 @@
-{"version":3,"file":"isWindow.js","sources":["../src/isWindow.ts"],"sourcesContent":["\nconst isWindow = (): Window | void => typeof window !== 'undefined' ? window : undefined\nexport default isWindow"],"names":[],"mappings":"aACA,MAAM,QAAQ,GAAG,MAAqB,OAAO,MAAM,KAAK,WAAW,GAAG,MAAM,GAAG"}
+{"version":3,"file":"isWindow.js","sources":["../src/isWindow.ts"],"sourcesContent":["\nconst isWindow = (): Window | void => typeof window !== 'undefined' ? window : undefined\nexport default isWindow"],"names":[],"mappings":"sEACA,MAAM,QAAQ,GAAG,MAAqB,OAAO,MAAM,KAAK,WAAW,GAAG,MAAM,GAAG"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xanui/core",
-  "version": "1.1.6",
+  "version": "1.1.7",
   "description": "",
   "private": false,
   "main": "./index.js",
@@ -17,7 +17,7 @@
   "devDependencies": {
     "@types/react": "^19.0.2",
     "@types/react-dom": "^19.0.2",
-    "makepack": "^1.7.7",
+    "makepack": "^1.7.11",
     "typescript": "^4.9.5"
   },
   "keywords": [],
@@ -26,26 +26,6 @@
       "import": "./index.mjs",
       "require": "./index.js",
       "types": "./index.d.ts"
-    },
-    "./*": {
-      "import": "./*/index.mjs",
-      "require": "./*/index.js",
-      "types": "./*/index.d.ts"
-    },
-    "./useAnimation": {
-      "import": "./useAnimation.mjs",
-      "require": "./useAnimation.js",
-      "types": "./useAnimation.d.ts"
-    },
-    "./useInterface": {
-      "import": "./useInterface.mjs",
-      "require": "./useInterface.js",
-      "types": "./useInterface.d.ts"
-    },
-    "./ServerStyleTags": {
-      "import": "./ServerStyleTags.mjs",
-      "require": "./ServerStyleTags.js",
-      "types": "./ServerStyleTags.d.ts"
     }
   }
 }

package/theme/ThemeCssVars.js

@@ -1,5 +1,5 @@
-'use strict';const ThemeCssVars = (theme) => {
+'use strict';Object.defineProperty(exports,'__esModule',{value:true});const ThemeCssVars = (theme) => {
     const shadows = {};
     theme.shadow.forEach((s, i) => shadows[`--shadow-${i}`] = s);
     return Object.assign({ "--bp-xs": theme.breakpoints.xs, "--bp-sm": theme.breakpoints.sm, "--bp-md": theme.breakpoints.md, "--bp-lg": theme.breakpoints.lg, "--bp-xl": theme.breakpoints.xl, "--font-family": theme.typography.fontFamily, "--font-h1": `${theme.typography.h1.fontWeight} ${theme.typography.h1.fontSize}px/${theme.typography.h1.lineHeight} ${theme.typography.fontFamily}`, "--font-h2": `${theme.typography.h2.fontWeight} ${theme.typography.h2.fontSize}px/${theme.typography.h2.lineHeight} ${theme.typography.fontFamily}`, "--font-h3": `${theme.typography.h3.fontWeight} ${theme.typography.h3.fontSize}px/${theme.typography.h3.lineHeight} ${theme.typography.fontFamily}`, "--font-h4": `${theme.typography.h4.fontWeight} ${theme.typography.h4.fontSize}px/${theme.typography.h4.lineHeight} ${theme.typography.fontFamily}`, "--font-h5": `${theme.typography.h5.fontWeight} ${theme.typography.h5.fontSize}px/${theme.typography.h5.lineHeight} ${theme.typography.fontFamily}`, "--font-h6": `${theme.typography.h6.fontWeight} ${theme.typography.h6.fontSize}px/${theme.typography.h6.lineHeight} ${theme.typography.fontFamily}`, "--font-text": `${theme.typography.text.fontWeight} ${theme.typography.text.fontSize}px/${theme.typography.text.lineHeight} ${theme.typography.fontFamily}`, "--font-button": `${theme.typography.button.fontWeight} ${theme.typography.button.fontSize}px/${theme.typography.button.lineHeight} ${theme.typography.fontFamily}`, "--font-small": `${theme.typography.small.fontWeight} ${theme.typography.small.fontSize}px/${theme.typography.small.lineHeight} ${theme.typography.fontFamily}`, "--fontsize-h1": `${theme.typography.h1.fontSize}px`, "--fontsize-h2": `${theme.typography.h2.fontSize}px`, "--fontsize-h3": `${theme.typography.h3.fontSize}px`, "--fontsize-h4": `${theme.typography.h4.fontSize}px`, "--fontsize-h5": `${theme.typography.h5.fontSize}px`, "--fontsize-h6": `${theme.typography.h6.fontSize}px`, "--fontsize-text": `${theme.typography.text.fontSize}px`, "--fontsize-button": `${theme.typography.button.fontSize}px`, "--fontsize-small": `${theme.typography.small.fontSize}px`, "--fontweight-h1": theme.typography.h1.fontWeight + "", "--fontweight-h2": theme.typography.h2.fontWeight + "", "--fontweight-h3": theme.typography.h3.fontWeight + "", "--fontweight-h4": theme.typography.h4.fontWeight + "", "--fontweight-h5": theme.typography.h5.fontWeight + "", "--fontweight-h6": theme.typography.h6.fontWeight + "", "--fontweight-text": theme.typography.text.fontWeight + "", "--fontweight-button": theme.typography.button.fontWeight + "", "--fontweight-small": theme.typography.small.fontWeight + "", "--lineheight-h1": theme.typography.h1.lineHeight + "", "--lineheight-h2": theme.typography.h2.lineHeight + "", "--lineheight-h3": theme.typography.h3.lineHeight + "", "--lineheight-h4": theme.typography.h4.lineHeight + "", "--lineheight-h5": theme.typography.h5.lineHeight + "", "--lineheight-h6": theme.typography.h6.lineHeight + "", "--lineheight-text": theme.typography.text.lineHeight + "", "--lineheight-button": theme.typography.button.lineHeight + "", "--lineheight-small": theme.typography.small.lineHeight + "", "--color-text": theme.colors.text.primary, "--color-text-primary": theme.colors.text.primary, "--color-text-secondary": theme.colors.text.secondary, "--color-background": theme.colors.background.primary, "--color-background-primary": theme.colors.background.primary, "--color-background-secondary": theme.colors.background.secondary, "--color-background-alpha": theme.colors.background.alpha, "--color-divider": theme.colors.divider, "--color-brand": theme.colors.brand.primary, "--color-brand-primary": theme.colors.brand.primary, "--color-brand-secondary": theme.colors.brand.secondary, "--color-brand-alpha": theme.colors.brand.alpha, "--color-brand-text": theme.colors.brand.text, "--color-accent": theme.colors.accent.primary, "--color-accent-primary": theme.colors.accent.primary, "--color-accent-secondary": theme.colors.accent.secondary, "--color-accent-alpha": theme.colors.accent.alpha, "--color-accent-text": theme.colors.accent.text, "--color-info": theme.colors.info.primary, "--color-info-primary": theme.colors.info.primary, "--color-info-secondary": theme.colors.info.secondary, "--color-info-alpha": theme.colors.info.alpha, "--color-info-text": theme.colors.info.text, "--color-success": theme.colors.success.primary, "--color-success-primary": theme.colors.success.primary, "--color-success-secondary": theme.colors.success.secondary, "--color-success-alpha": theme.colors.success.alpha, "--color-success-text": theme.colors.success.text, "--color-warning": theme.colors.warning.primary, "--color-warning-primary": theme.colors.warning.primary, "--color-warning-secondary": theme.colors.warning.secondary, "--color-warning-alpha": theme.colors.warning.alpha, "--color-warning-text": theme.colors.warning.text, "--color-danger": theme.colors.danger.primary, "--color-danger-primary": theme.colors.danger.primary, "--color-danger-secondary": theme.colors.danger.secondary, "--color-danger-alpha": theme.colors.danger.alpha, "--color-danger-text": theme.colors.danger.text }, shadows);
-};module.exports=ThemeCssVars;//# sourceMappingURL=ThemeCssVars.js.map
+};exports.default=ThemeCssVars;//# sourceMappingURL=ThemeCssVars.js.map

package/theme/ThemeCssVars.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeCssVars.js","sources":["../../src/theme/ThemeCssVars.ts"],"sourcesContent":["import { ThemeOptions } from \"./types\";\n\nconst ThemeCssVars = (theme: ThemeOptions) => {\n\n    const shadows: any = {}\n    theme.shadow.forEach((s, i) => shadows[`--shadow-${i}`] = s)\n\n    return {\n        \"--bp-xs\": theme.breakpoints.xs,\n        \"--bp-sm\": theme.breakpoints.sm,\n        \"--bp-md\": theme.breakpoints.md,\n        \"--bp-lg\": theme.breakpoints.lg,\n        \"--bp-xl\": theme.breakpoints.xl,\n\n        \"--font-family\": theme.typography.fontFamily,\n        \"--font-h1\": `${theme.typography.h1.fontWeight} ${theme.typography.h1.fontSize}px/${theme.typography.h1.lineHeight} ${theme.typography.fontFamily}`,\n        \"--font-h2\": `${theme.typography.h2.fontWeight} ${theme.typography.h2.fontSize}px/${theme.typography.h2.lineHeight} ${theme.typography.fontFamily}`,\n        \"--font-h3\": `${theme.typography.h3.fontWeight} ${theme.typography.h3.fontSize}px/${theme.typography.h3.lineHeight} ${theme.typography.fontFamily}`,\n        \"--font-h4\": `${theme.typography.h4.fontWeight} ${theme.typography.h4.fontSize}px/${theme.typography.h4.lineHeight} ${theme.typography.fontFamily}`,\n        \"--font-h5\": `${theme.typography.h5.fontWeight} ${theme.typography.h5.fontSize}px/${theme.typography.h5.lineHeight} ${theme.typography.fontFamily}`,\n        \"--font-h6\": `${theme.typography.h6.fontWeight} ${theme.typography.h6.fontSize}px/${theme.typography.h6.lineHeight} ${theme.typography.fontFamily}`,\n        \"--font-text\": `${theme.typography.text.fontWeight} ${theme.typography.text.fontSize}px/${theme.typography.text.lineHeight} ${theme.typography.fontFamily}`,\n        \"--font-button\": `${theme.typography.button.fontWeight} ${theme.typography.button.fontSize}px/${theme.typography.button.lineHeight} ${theme.typography.fontFamily}`,\n        \"--font-small\": `${theme.typography.small.fontWeight} ${theme.typography.small.fontSize}px/${theme.typography.small.lineHeight} ${theme.typography.fontFamily}`,\n\n        \"--fontsize-h1\": `${theme.typography.h1.fontSize}px`,\n        \"--fontsize-h2\": `${theme.typography.h2.fontSize}px`,\n        \"--fontsize-h3\": `${theme.typography.h3.fontSize}px`,\n        \"--fontsize-h4\": `${theme.typography.h4.fontSize}px`,\n        \"--fontsize-h5\": `${theme.typography.h5.fontSize}px`,\n        \"--fontsize-h6\": `${theme.typography.h6.fontSize}px`,\n        \"--fontsize-text\": `${theme.typography.text.fontSize}px`,\n        \"--fontsize-button\": `${theme.typography.button.fontSize}px`,\n        \"--fontsize-small\": `${theme.typography.small.fontSize}px`,\n\n        \"--fontweight-h1\": theme.typography.h1.fontWeight + \"\",\n        \"--fontweight-h2\": theme.typography.h2.fontWeight + \"\",\n        \"--fontweight-h3\": theme.typography.h3.fontWeight + \"\",\n        \"--fontweight-h4\": theme.typography.h4.fontWeight + \"\",\n        \"--fontweight-h5\": theme.typography.h5.fontWeight + \"\",\n        \"--fontweight-h6\": theme.typography.h6.fontWeight + \"\",\n        \"--fontweight-text\": theme.typography.text.fontWeight + \"\",\n        \"--fontweight-button\": theme.typography.button.fontWeight + \"\",\n        \"--fontweight-small\": theme.typography.small.fontWeight + \"\",\n\n        \"--lineheight-h1\": theme.typography.h1.lineHeight + \"\",\n        \"--lineheight-h2\": theme.typography.h2.lineHeight + \"\",\n        \"--lineheight-h3\": theme.typography.h3.lineHeight + \"\",\n        \"--lineheight-h4\": theme.typography.h4.lineHeight + \"\",\n        \"--lineheight-h5\": theme.typography.h5.lineHeight + \"\",\n        \"--lineheight-h6\": theme.typography.h6.lineHeight + \"\",\n        \"--lineheight-text\": theme.typography.text.lineHeight + \"\",\n        \"--lineheight-button\": theme.typography.button.lineHeight + \"\",\n        \"--lineheight-small\": theme.typography.small.lineHeight + \"\",\n\n        \"--color-text\": theme.colors.text.primary,\n        \"--color-text-primary\": theme.colors.text.primary,\n        \"--color-text-secondary\": theme.colors.text.secondary,\n\n        \"--color-background\": theme.colors.background.primary,\n        \"--color-background-primary\": theme.colors.background.primary,\n        \"--color-background-secondary\": theme.colors.background.secondary,\n        \"--color-background-alpha\": theme.colors.background.alpha,\n\n        \"--color-divider\": theme.colors.divider,\n\n        \"--color-brand\": theme.colors.brand.primary,\n        \"--color-brand-primary\": theme.colors.brand.primary,\n        \"--color-brand-secondary\": theme.colors.brand.secondary,\n        \"--color-brand-alpha\": theme.colors.brand.alpha,\n        \"--color-brand-text\": theme.colors.brand.text,\n\n        \"--color-accent\": theme.colors.accent.primary,\n        \"--color-accent-primary\": theme.colors.accent.primary,\n        \"--color-accent-secondary\": theme.colors.accent.secondary,\n        \"--color-accent-alpha\": theme.colors.accent.alpha,\n        \"--color-accent-text\": theme.colors.accent.text,\n\n        \"--color-info\": theme.colors.info.primary,\n        \"--color-info-primary\": theme.colors.info.primary,\n        \"--color-info-secondary\": theme.colors.info.secondary,\n        \"--color-info-alpha\": theme.colors.info.alpha,\n        \"--color-info-text\": theme.colors.info.text,\n\n        \"--color-success\": theme.colors.success.primary,\n        \"--color-success-primary\": theme.colors.success.primary,\n        \"--color-success-secondary\": theme.colors.success.secondary,\n        \"--color-success-alpha\": theme.colors.success.alpha,\n        \"--color-success-text\": theme.colors.success.text,\n\n        \"--color-warning\": theme.colors.warning.primary,\n        \"--color-warning-primary\": theme.colors.warning.primary,\n        \"--color-warning-secondary\": theme.colors.warning.secondary,\n        \"--color-warning-alpha\": theme.colors.warning.alpha,\n        \"--color-warning-text\": theme.colors.warning.text,\n\n        \"--color-danger\": theme.colors.danger.primary,\n        \"--color-danger-primary\": theme.colors.danger.primary,\n        \"--color-danger-secondary\": theme.colors.danger.secondary,\n        \"--color-danger-alpha\": theme.colors.danger.alpha,\n        \"--color-danger-text\": theme.colors.danger.text,\n        ...shadows,\n    }\n}\n\n\nexport default ThemeCssVars"],"names":[],"mappings":"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"}
+{"version":3,"file":"ThemeCssVars.js","sources":["../../src/theme/ThemeCssVars.ts"],"sourcesContent":["import { ThemeOptions } from \"./types\";\n\nconst ThemeCssVars = (theme: ThemeOptions) => {\n\n    const shadows: any = {}\n    theme.shadow.forEach((s, i) => shadows[`--shadow-${i}`] = s)\n\n    return {\n        \"--bp-xs\": theme.breakpoints.xs,\n        \"--bp-sm\": theme.breakpoints.sm,\n        \"--bp-md\": theme.breakpoints.md,\n        \"--bp-lg\": theme.breakpoints.lg,\n        \"--bp-xl\": theme.breakpoints.xl,\n\n        \"--font-family\": theme.typography.fontFamily,\n        \"--font-h1\": `${theme.typography.h1.fontWeight} ${theme.typography.h1.fontSize}px/${theme.typography.h1.lineHeight} ${theme.typography.fontFamily}`,\n        \"--font-h2\": `${theme.typography.h2.fontWeight} ${theme.typography.h2.fontSize}px/${theme.typography.h2.lineHeight} ${theme.typography.fontFamily}`,\n        \"--font-h3\": `${theme.typography.h3.fontWeight} ${theme.typography.h3.fontSize}px/${theme.typography.h3.lineHeight} ${theme.typography.fontFamily}`,\n        \"--font-h4\": `${theme.typography.h4.fontWeight} ${theme.typography.h4.fontSize}px/${theme.typography.h4.lineHeight} ${theme.typography.fontFamily}`,\n        \"--font-h5\": `${theme.typography.h5.fontWeight} ${theme.typography.h5.fontSize}px/${theme.typography.h5.lineHeight} ${theme.typography.fontFamily}`,\n        \"--font-h6\": `${theme.typography.h6.fontWeight} ${theme.typography.h6.fontSize}px/${theme.typography.h6.lineHeight} ${theme.typography.fontFamily}`,\n        \"--font-text\": `${theme.typography.text.fontWeight} ${theme.typography.text.fontSize}px/${theme.typography.text.lineHeight} ${theme.typography.fontFamily}`,\n        \"--font-button\": `${theme.typography.button.fontWeight} ${theme.typography.button.fontSize}px/${theme.typography.button.lineHeight} ${theme.typography.fontFamily}`,\n        \"--font-small\": `${theme.typography.small.fontWeight} ${theme.typography.small.fontSize}px/${theme.typography.small.lineHeight} ${theme.typography.fontFamily}`,\n\n        \"--fontsize-h1\": `${theme.typography.h1.fontSize}px`,\n        \"--fontsize-h2\": `${theme.typography.h2.fontSize}px`,\n        \"--fontsize-h3\": `${theme.typography.h3.fontSize}px`,\n        \"--fontsize-h4\": `${theme.typography.h4.fontSize}px`,\n        \"--fontsize-h5\": `${theme.typography.h5.fontSize}px`,\n        \"--fontsize-h6\": `${theme.typography.h6.fontSize}px`,\n        \"--fontsize-text\": `${theme.typography.text.fontSize}px`,\n        \"--fontsize-button\": `${theme.typography.button.fontSize}px`,\n        \"--fontsize-small\": `${theme.typography.small.fontSize}px`,\n\n        \"--fontweight-h1\": theme.typography.h1.fontWeight + \"\",\n        \"--fontweight-h2\": theme.typography.h2.fontWeight + \"\",\n        \"--fontweight-h3\": theme.typography.h3.fontWeight + \"\",\n        \"--fontweight-h4\": theme.typography.h4.fontWeight + \"\",\n        \"--fontweight-h5\": theme.typography.h5.fontWeight + \"\",\n        \"--fontweight-h6\": theme.typography.h6.fontWeight + \"\",\n        \"--fontweight-text\": theme.typography.text.fontWeight + \"\",\n        \"--fontweight-button\": theme.typography.button.fontWeight + \"\",\n        \"--fontweight-small\": theme.typography.small.fontWeight + \"\",\n\n        \"--lineheight-h1\": theme.typography.h1.lineHeight + \"\",\n        \"--lineheight-h2\": theme.typography.h2.lineHeight + \"\",\n        \"--lineheight-h3\": theme.typography.h3.lineHeight + \"\",\n        \"--lineheight-h4\": theme.typography.h4.lineHeight + \"\",\n        \"--lineheight-h5\": theme.typography.h5.lineHeight + \"\",\n        \"--lineheight-h6\": theme.typography.h6.lineHeight + \"\",\n        \"--lineheight-text\": theme.typography.text.lineHeight + \"\",\n        \"--lineheight-button\": theme.typography.button.lineHeight + \"\",\n        \"--lineheight-small\": theme.typography.small.lineHeight + \"\",\n\n        \"--color-text\": theme.colors.text.primary,\n        \"--color-text-primary\": theme.colors.text.primary,\n        \"--color-text-secondary\": theme.colors.text.secondary,\n\n        \"--color-background\": theme.colors.background.primary,\n        \"--color-background-primary\": theme.colors.background.primary,\n        \"--color-background-secondary\": theme.colors.background.secondary,\n        \"--color-background-alpha\": theme.colors.background.alpha,\n\n        \"--color-divider\": theme.colors.divider,\n\n        \"--color-brand\": theme.colors.brand.primary,\n        \"--color-brand-primary\": theme.colors.brand.primary,\n        \"--color-brand-secondary\": theme.colors.brand.secondary,\n        \"--color-brand-alpha\": theme.colors.brand.alpha,\n        \"--color-brand-text\": theme.colors.brand.text,\n\n        \"--color-accent\": theme.colors.accent.primary,\n        \"--color-accent-primary\": theme.colors.accent.primary,\n        \"--color-accent-secondary\": theme.colors.accent.secondary,\n        \"--color-accent-alpha\": theme.colors.accent.alpha,\n        \"--color-accent-text\": theme.colors.accent.text,\n\n        \"--color-info\": theme.colors.info.primary,\n        \"--color-info-primary\": theme.colors.info.primary,\n        \"--color-info-secondary\": theme.colors.info.secondary,\n        \"--color-info-alpha\": theme.colors.info.alpha,\n        \"--color-info-text\": theme.colors.info.text,\n\n        \"--color-success\": theme.colors.success.primary,\n        \"--color-success-primary\": theme.colors.success.primary,\n        \"--color-success-secondary\": theme.colors.success.secondary,\n        \"--color-success-alpha\": theme.colors.success.alpha,\n        \"--color-success-text\": theme.colors.success.text,\n\n        \"--color-warning\": theme.colors.warning.primary,\n        \"--color-warning-primary\": theme.colors.warning.primary,\n        \"--color-warning-secondary\": theme.colors.warning.secondary,\n        \"--color-warning-alpha\": theme.colors.warning.alpha,\n        \"--color-warning-text\": theme.colors.warning.text,\n\n        \"--color-danger\": theme.colors.danger.primary,\n        \"--color-danger-primary\": theme.colors.danger.primary,\n        \"--color-danger-secondary\": theme.colors.danger.secondary,\n        \"--color-danger-alpha\": theme.colors.danger.alpha,\n        \"--color-danger-text\": theme.colors.danger.text,\n        ...shadows,\n    }\n}\n\n\nexport default ThemeCssVars"],"names":[],"mappings":"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"}

package/theme/ThemeProvider.js

@@ -1,4 +1,4 @@
-'use strict';var tslib=require('tslib'),React=require('react'),index$1=require('../Tag/index.js'),BreakpointProvider=require('../breakpoint/BreakpointProvider.js'),index=require('../css/index.js'),core=require('./core.js'),ThemeCssVars=require('./ThemeCssVars.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);const ThemeProvider = (_a) => {
+'use strict';Object.defineProperty(exports,'__esModule',{value:true});var tslib=require('tslib'),jsxRuntime=require('react/jsx-runtime'),React=require('react'),index$1=require('../Tag/index.js'),BreakpointProvider=require('../breakpoint/BreakpointProvider.js'),index=require('../css/index.js'),core=require('./core.js'),ThemeCssVars=require('./ThemeCssVars.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);const ThemeProvider = (_a) => {
     var { children, theme, resetCss, scrollbarCss, isRootProvider, renderIsRoot } = _a, props = tslib.__rest(_a, ["children", "theme", "resetCss", "scrollbarCss", "isRootProvider", "renderIsRoot"]);
     const THEME = core.ThemeFactory.get(theme);
     if (!THEME)
@@ -13,7 +13,7 @@
         }
         index.css({
             "@global": {
-                [`.xui-${theme}-theme-root`]: ThemeCssVars(THEME)
+                [`.xui-${theme}-theme-root`]: ThemeCssVars.default(THEME)
             }
         });
         if (scrollbarCss && typeof document !== 'undefined') {
@@ -81,8 +81,5 @@
             }
         });
     }, [theme]);
-    return (React__namespace.createElement(core.ThemeContex.Provider, { value: theme }, isRootProvider ? React__namespace.createElement(BreakpointProvider.BreakpointProvider, null,
-        React__namespace.createElement(index$1, Object.assign({ minHeight: "100%", bgcolor: THEME.colors.background.primary, fontFamily: THEME.typography.fontFamily, fontSize: THEME.typography.text.fontSize, fontWeight: THEME.typography.text.fontWeight, lineHeight: THEME.typography.text.lineHeight }, props, { baseClass: `${theme}-theme-root`, direction: THEME.rtl ? "rtl" : "ltr" }),
-            children,
-            renderIsRoot)) : React__namespace.createElement(index$1, Object.assign({ minHeight: "100%", bgcolor: THEME.colors.background.primary, fontFamily: THEME.typography.fontFamily, fontSize: THEME.typography.text.fontSize, fontWeight: THEME.typography.text.fontWeight, lineHeight: THEME.typography.text.lineHeight }, props, { baseClass: `${theme}-theme-root`, direction: THEME.rtl ? "rtl" : "ltr" }), children)));
-};module.exports=ThemeProvider;//# sourceMappingURL=ThemeProvider.js.map
+    return (jsxRuntime.jsx(core.ThemeContex.Provider, Object.assign({ value: theme }, { children: isRootProvider ? jsxRuntime.jsx(BreakpointProvider.BreakpointProvider, { children: jsxRuntime.jsxs(index$1.default, Object.assign({ minHeight: "100%", bgcolor: THEME.colors.background.primary, fontFamily: THEME.typography.fontFamily, fontSize: THEME.typography.text.fontSize, fontWeight: THEME.typography.text.fontWeight, lineHeight: THEME.typography.text.lineHeight }, props, { baseClass: `${theme}-theme-root`, direction: THEME.rtl ? "rtl" : "ltr" }, { children: [children, renderIsRoot] })) }) : jsxRuntime.jsx(index$1.default, Object.assign({ minHeight: "100%", bgcolor: THEME.colors.background.primary, fontFamily: THEME.typography.fontFamily, fontSize: THEME.typography.text.fontSize, fontWeight: THEME.typography.text.fontWeight, lineHeight: THEME.typography.text.lineHeight }, props, { baseClass: `${theme}-theme-root`, direction: THEME.rtl ? "rtl" : "ltr" }, { children: children })) })));
+};exports.default=ThemeProvider;//# sourceMappingURL=ThemeProvider.js.map

package/theme/ThemeProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeProvider.js","sources":["../../src/theme/ThemeProvider.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { ThemeOptions } from \"./types\"\nimport Tag from \"../Tag\"\nimport { TagComponentType, TagProps } from \"../Tag/types\"\nimport { BreakpointProvider } from \"../breakpoint\"\nimport { ThemeContex, ThemeFactory } from \"./core\"\nimport ThemeCssVars from \"./ThemeCssVars\"\nimport { css } from \"../css\"\n\nexport type ThemeProviderProps<T extends TagComponentType = 'div'> = TagProps<T> & {\n   theme: string;\n   resetCss?: boolean;\n   scrollbarCss?: boolean;\n   isRootProvider?: boolean;\n   renderIsRoot?: React.ReactElement;\n}\n\nconst ThemeProvider = ({ children, theme, resetCss, scrollbarCss, isRootProvider, renderIsRoot, ...props }: ThemeProviderProps) => {\n   const THEME = ThemeFactory.get(theme) as ThemeOptions\n   if (!THEME) throw new Error(`Invalid theme name provided: ${theme}`)\n   resetCss ??= true\n   scrollbarCss ??= true\n\n   React.useMemo(() => {\n      if (!!Object.keys(THEME.globalStyle).length) {\n         css({\n            \"@global\": THEME.globalStyle\n         })\n      }\n\n      css({\n         \"@global\": {\n            [`.xui-${theme}-theme-root`]: ThemeCssVars(THEME)\n         }\n      })\n\n      if (scrollbarCss && typeof document !== 'undefined') {\n         let thumbSize = 10\n         let thumbColor = THEME.colors.divider\n         let trackColor = THEME.colors.background.secondary\n         css({\n            \"@global\": {\n               \"*\": {\n                  scrollbarWidth: \"thin\",\n                  scrollbarColor: `${thumbColor} ${trackColor}`,\n               },\n               \"::-webkit-scrollbar\": {\n                  width: thumbSize,\n                  height: thumbSize,\n               },\n               \"::-webkit-scrollbar-thumb\": {\n                  backgroundColor: thumbColor,\n                  borderRadius: \"5px\",\n                  border: \"2px solid #f4f4f4\",\n               },\n               \"::-webkit-scrollbar-thumb:hover\": {\n                  backgroundColor: thumbColor,\n               },\n               \"::-webkit-scrollbar-track\": {\n                  backgroundColor: trackColor,\n                  borderRadius: \"5px\",\n               },\n            }\n         })\n      }\n\n      resetCss && 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            } 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            },\n            \"a\": {\n               display: \"inline-block\"\n            },\n            \"p, h1, h2, h3, h4, h5, h6\": {\n               overflowWrap: \"break-word\",\n            }\n         }\n      })\n   }, [theme])\n\n   return (\n      <ThemeContex.Provider value={theme}>\n         {\n            isRootProvider ? <BreakpointProvider>\n               <Tag\n                  minHeight=\"100%\"\n                  bgcolor={THEME.colors.background.primary}\n                  fontFamily={THEME.typography.fontFamily}\n                  fontSize={THEME.typography.text.fontSize}\n                  fontWeight={THEME.typography.text.fontWeight}\n                  lineHeight={THEME.typography.text.lineHeight}\n                  {...props}\n                  baseClass={`${theme}-theme-root`}\n                  direction={THEME.rtl ? \"rtl\" : \"ltr\"}\n               >\n                  {children}\n                  {renderIsRoot}\n               </Tag>\n            </BreakpointProvider> : <Tag\n               minHeight=\"100%\"\n               bgcolor={THEME.colors.background.primary}\n               fontFamily={THEME.typography.fontFamily}\n               fontSize={THEME.typography.text.fontSize}\n               fontWeight={THEME.typography.text.fontWeight}\n               lineHeight={THEME.typography.text.lineHeight}\n               {...props}\n               baseClass={`${theme}-theme-root`}\n               direction={THEME.rtl ? \"rtl\" : \"ltr\"}\n            >\n               {children}\n            </Tag>\n         }\n      </ThemeContex.Provider>\n   )\n}\n\nexport default ThemeProvider"],"names":["__rest","ThemeFactory","React","css","ThemeContex","BreakpointProvider","Tag"],"mappings":"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"}
+{"version":3,"file":"ThemeProvider.js","sources":["../../src/theme/ThemeProvider.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { ThemeOptions } from \"./types\"\nimport Tag from \"../Tag\"\nimport { TagComponentType, TagProps } from \"../Tag/types\"\nimport { BreakpointProvider } from \"../breakpoint\"\nimport { ThemeContex, ThemeFactory } from \"./core\"\nimport ThemeCssVars from \"./ThemeCssVars\"\nimport { css } from \"../css\"\n\nexport type ThemeProviderProps<T extends TagComponentType = 'div'> = TagProps<T> & {\n   theme: string;\n   resetCss?: boolean;\n   scrollbarCss?: boolean;\n   isRootProvider?: boolean;\n   renderIsRoot?: React.ReactElement;\n}\n\nconst ThemeProvider = ({ children, theme, resetCss, scrollbarCss, isRootProvider, renderIsRoot, ...props }: ThemeProviderProps) => {\n   const THEME = ThemeFactory.get(theme) as ThemeOptions\n   if (!THEME) throw new Error(`Invalid theme name provided: ${theme}`)\n   resetCss ??= true\n   scrollbarCss ??= true\n\n   React.useMemo(() => {\n      if (!!Object.keys(THEME.globalStyle).length) {\n         css({\n            \"@global\": THEME.globalStyle\n         })\n      }\n\n      css({\n         \"@global\": {\n            [`.xui-${theme}-theme-root`]: ThemeCssVars(THEME)\n         }\n      })\n\n      if (scrollbarCss && typeof document !== 'undefined') {\n         let thumbSize = 10\n         let thumbColor = THEME.colors.divider\n         let trackColor = THEME.colors.background.secondary\n         css({\n            \"@global\": {\n               \"*\": {\n                  scrollbarWidth: \"thin\",\n                  scrollbarColor: `${thumbColor} ${trackColor}`,\n               },\n               \"::-webkit-scrollbar\": {\n                  width: thumbSize,\n                  height: thumbSize,\n               },\n               \"::-webkit-scrollbar-thumb\": {\n                  backgroundColor: thumbColor,\n                  borderRadius: \"5px\",\n                  border: \"2px solid #f4f4f4\",\n               },\n               \"::-webkit-scrollbar-thumb:hover\": {\n                  backgroundColor: thumbColor,\n               },\n               \"::-webkit-scrollbar-track\": {\n                  backgroundColor: trackColor,\n                  borderRadius: \"5px\",\n               },\n            }\n         })\n      }\n\n      resetCss && 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            } 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            },\n            \"a\": {\n               display: \"inline-block\"\n            },\n            \"p, h1, h2, h3, h4, h5, h6\": {\n               overflowWrap: \"break-word\",\n            }\n         }\n      })\n   }, [theme])\n\n   return (\n      <ThemeContex.Provider value={theme}>\n         {\n            isRootProvider ? <BreakpointProvider>\n               <Tag\n                  minHeight=\"100%\"\n                  bgcolor={THEME.colors.background.primary}\n                  fontFamily={THEME.typography.fontFamily}\n                  fontSize={THEME.typography.text.fontSize}\n                  fontWeight={THEME.typography.text.fontWeight}\n                  lineHeight={THEME.typography.text.lineHeight}\n                  {...props}\n                  baseClass={`${theme}-theme-root`}\n                  direction={THEME.rtl ? \"rtl\" : \"ltr\"}\n               >\n                  {children}\n                  {renderIsRoot}\n               </Tag>\n            </BreakpointProvider> : <Tag\n               minHeight=\"100%\"\n               bgcolor={THEME.colors.background.primary}\n               fontFamily={THEME.typography.fontFamily}\n               fontSize={THEME.typography.text.fontSize}\n               fontWeight={THEME.typography.text.fontWeight}\n               lineHeight={THEME.typography.text.lineHeight}\n               {...props}\n               baseClass={`${theme}-theme-root`}\n               direction={THEME.rtl ? \"rtl\" : \"ltr\"}\n            >\n               {children}\n            </Tag>\n         }\n      </ThemeContex.Provider>\n   )\n}\n\nexport default ThemeProvider"],"names":["__rest","ThemeFactory","React","css","ThemeCssVars","_jsx","ThemeContex","BreakpointProvider","_jsxs","Tag"],"mappings":"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"}

package/theme/ThemeProvider.mjs

@@ -1,4 +1,4 @@
-import {__rest}from'tslib';import*as React from'react';import Tag from'../Tag/index.mjs';import {BreakpointProvider}from'../breakpoint/BreakpointProvider.mjs';import {css}from'../css/index.mjs';import {ThemeFactory,ThemeContex}from'./core.mjs';import ThemeCssVars from'./ThemeCssVars.mjs';const ThemeProvider = (_a) => {
+import {__rest}from'tslib';import {jsx,jsxs}from'react/jsx-runtime';import*as React from'react';import Tag from'../Tag/index.mjs';import {BreakpointProvider}from'../breakpoint/BreakpointProvider.mjs';import {css}from'../css/index.mjs';import {ThemeFactory,ThemeContex}from'./core.mjs';import ThemeCssVars from'./ThemeCssVars.mjs';const ThemeProvider = (_a) => {
     var { children, theme, resetCss, scrollbarCss, isRootProvider, renderIsRoot } = _a, props = __rest(_a, ["children", "theme", "resetCss", "scrollbarCss", "isRootProvider", "renderIsRoot"]);
     const THEME = ThemeFactory.get(theme);
     if (!THEME)
@@ -81,8 +81,5 @@ import {__rest}from'tslib';import*as React from'react';import Tag from'../Tag/in
             }
         });
     }, [theme]);
-    return (React.createElement(ThemeContex.Provider, { value: theme }, isRootProvider ? React.createElement(BreakpointProvider, null,
-        React.createElement(Tag, Object.assign({ minHeight: "100%", bgcolor: THEME.colors.background.primary, fontFamily: THEME.typography.fontFamily, fontSize: THEME.typography.text.fontSize, fontWeight: THEME.typography.text.fontWeight, lineHeight: THEME.typography.text.lineHeight }, props, { baseClass: `${theme}-theme-root`, direction: THEME.rtl ? "rtl" : "ltr" }),
-            children,
-            renderIsRoot)) : React.createElement(Tag, Object.assign({ minHeight: "100%", bgcolor: THEME.colors.background.primary, fontFamily: THEME.typography.fontFamily, fontSize: THEME.typography.text.fontSize, fontWeight: THEME.typography.text.fontWeight, lineHeight: THEME.typography.text.lineHeight }, props, { baseClass: `${theme}-theme-root`, direction: THEME.rtl ? "rtl" : "ltr" }), children)));
+    return (jsx(ThemeContex.Provider, Object.assign({ value: theme }, { children: isRootProvider ? jsx(BreakpointProvider, { children: jsxs(Tag, Object.assign({ minHeight: "100%", bgcolor: THEME.colors.background.primary, fontFamily: THEME.typography.fontFamily, fontSize: THEME.typography.text.fontSize, fontWeight: THEME.typography.text.fontWeight, lineHeight: THEME.typography.text.lineHeight }, props, { baseClass: `${theme}-theme-root`, direction: THEME.rtl ? "rtl" : "ltr" }, { children: [children, renderIsRoot] })) }) : jsx(Tag, Object.assign({ minHeight: "100%", bgcolor: THEME.colors.background.primary, fontFamily: THEME.typography.fontFamily, fontSize: THEME.typography.text.fontSize, fontWeight: THEME.typography.text.fontWeight, lineHeight: THEME.typography.text.lineHeight }, props, { baseClass: `${theme}-theme-root`, direction: THEME.rtl ? "rtl" : "ltr" }, { children: children })) })));
 };export{ThemeProvider as default};//# sourceMappingURL=ThemeProvider.mjs.map

package/theme/ThemeProvider.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeProvider.mjs","sources":["../../src/theme/ThemeProvider.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { ThemeOptions } from \"./types\"\nimport Tag from \"../Tag\"\nimport { TagComponentType, TagProps } from \"../Tag/types\"\nimport { BreakpointProvider } from \"../breakpoint\"\nimport { ThemeContex, ThemeFactory } from \"./core\"\nimport ThemeCssVars from \"./ThemeCssVars\"\nimport { css } from \"../css\"\n\nexport type ThemeProviderProps<T extends TagComponentType = 'div'> = TagProps<T> & {\n   theme: string;\n   resetCss?: boolean;\n   scrollbarCss?: boolean;\n   isRootProvider?: boolean;\n   renderIsRoot?: React.ReactElement;\n}\n\nconst ThemeProvider = ({ children, theme, resetCss, scrollbarCss, isRootProvider, renderIsRoot, ...props }: ThemeProviderProps) => {\n   const THEME = ThemeFactory.get(theme) as ThemeOptions\n   if (!THEME) throw new Error(`Invalid theme name provided: ${theme}`)\n   resetCss ??= true\n   scrollbarCss ??= true\n\n   React.useMemo(() => {\n      if (!!Object.keys(THEME.globalStyle).length) {\n         css({\n            \"@global\": THEME.globalStyle\n         })\n      }\n\n      css({\n         \"@global\": {\n            [`.xui-${theme}-theme-root`]: ThemeCssVars(THEME)\n         }\n      })\n\n      if (scrollbarCss && typeof document !== 'undefined') {\n         let thumbSize = 10\n         let thumbColor = THEME.colors.divider\n         let trackColor = THEME.colors.background.secondary\n         css({\n            \"@global\": {\n               \"*\": {\n                  scrollbarWidth: \"thin\",\n                  scrollbarColor: `${thumbColor} ${trackColor}`,\n               },\n               \"::-webkit-scrollbar\": {\n                  width: thumbSize,\n                  height: thumbSize,\n               },\n               \"::-webkit-scrollbar-thumb\": {\n                  backgroundColor: thumbColor,\n                  borderRadius: \"5px\",\n                  border: \"2px solid #f4f4f4\",\n               },\n               \"::-webkit-scrollbar-thumb:hover\": {\n                  backgroundColor: thumbColor,\n               },\n               \"::-webkit-scrollbar-track\": {\n                  backgroundColor: trackColor,\n                  borderRadius: \"5px\",\n               },\n            }\n         })\n      }\n\n      resetCss && 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            } 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            },\n            \"a\": {\n               display: \"inline-block\"\n            },\n            \"p, h1, h2, h3, h4, h5, h6\": {\n               overflowWrap: \"break-word\",\n            }\n         }\n      })\n   }, [theme])\n\n   return (\n      <ThemeContex.Provider value={theme}>\n         {\n            isRootProvider ? <BreakpointProvider>\n               <Tag\n                  minHeight=\"100%\"\n                  bgcolor={THEME.colors.background.primary}\n                  fontFamily={THEME.typography.fontFamily}\n                  fontSize={THEME.typography.text.fontSize}\n                  fontWeight={THEME.typography.text.fontWeight}\n                  lineHeight={THEME.typography.text.lineHeight}\n                  {...props}\n                  baseClass={`${theme}-theme-root`}\n                  direction={THEME.rtl ? \"rtl\" : \"ltr\"}\n               >\n                  {children}\n                  {renderIsRoot}\n               </Tag>\n            </BreakpointProvider> : <Tag\n               minHeight=\"100%\"\n               bgcolor={THEME.colors.background.primary}\n               fontFamily={THEME.typography.fontFamily}\n               fontSize={THEME.typography.text.fontSize}\n               fontWeight={THEME.typography.text.fontWeight}\n               lineHeight={THEME.typography.text.lineHeight}\n               {...props}\n               baseClass={`${theme}-theme-root`}\n               direction={THEME.rtl ? \"rtl\" : \"ltr\"}\n            >\n               {children}\n            </Tag>\n         }\n      </ThemeContex.Provider>\n   )\n}\n\nexport default ThemeProvider"],"names":[],"mappings":"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"}
+{"version":3,"file":"ThemeProvider.mjs","sources":["../../src/theme/ThemeProvider.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { ThemeOptions } from \"./types\"\nimport Tag from \"../Tag\"\nimport { TagComponentType, TagProps } from \"../Tag/types\"\nimport { BreakpointProvider } from \"../breakpoint\"\nimport { ThemeContex, ThemeFactory } from \"./core\"\nimport ThemeCssVars from \"./ThemeCssVars\"\nimport { css } from \"../css\"\n\nexport type ThemeProviderProps<T extends TagComponentType = 'div'> = TagProps<T> & {\n   theme: string;\n   resetCss?: boolean;\n   scrollbarCss?: boolean;\n   isRootProvider?: boolean;\n   renderIsRoot?: React.ReactElement;\n}\n\nconst ThemeProvider = ({ children, theme, resetCss, scrollbarCss, isRootProvider, renderIsRoot, ...props }: ThemeProviderProps) => {\n   const THEME = ThemeFactory.get(theme) as ThemeOptions\n   if (!THEME) throw new Error(`Invalid theme name provided: ${theme}`)\n   resetCss ??= true\n   scrollbarCss ??= true\n\n   React.useMemo(() => {\n      if (!!Object.keys(THEME.globalStyle).length) {\n         css({\n            \"@global\": THEME.globalStyle\n         })\n      }\n\n      css({\n         \"@global\": {\n            [`.xui-${theme}-theme-root`]: ThemeCssVars(THEME)\n         }\n      })\n\n      if (scrollbarCss && typeof document !== 'undefined') {\n         let thumbSize = 10\n         let thumbColor = THEME.colors.divider\n         let trackColor = THEME.colors.background.secondary\n         css({\n            \"@global\": {\n               \"*\": {\n                  scrollbarWidth: \"thin\",\n                  scrollbarColor: `${thumbColor} ${trackColor}`,\n               },\n               \"::-webkit-scrollbar\": {\n                  width: thumbSize,\n                  height: thumbSize,\n               },\n               \"::-webkit-scrollbar-thumb\": {\n                  backgroundColor: thumbColor,\n                  borderRadius: \"5px\",\n                  border: \"2px solid #f4f4f4\",\n               },\n               \"::-webkit-scrollbar-thumb:hover\": {\n                  backgroundColor: thumbColor,\n               },\n               \"::-webkit-scrollbar-track\": {\n                  backgroundColor: trackColor,\n                  borderRadius: \"5px\",\n               },\n            }\n         })\n      }\n\n      resetCss && 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            } 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            },\n            \"a\": {\n               display: \"inline-block\"\n            },\n            \"p, h1, h2, h3, h4, h5, h6\": {\n               overflowWrap: \"break-word\",\n            }\n         }\n      })\n   }, [theme])\n\n   return (\n      <ThemeContex.Provider value={theme}>\n         {\n            isRootProvider ? <BreakpointProvider>\n               <Tag\n                  minHeight=\"100%\"\n                  bgcolor={THEME.colors.background.primary}\n                  fontFamily={THEME.typography.fontFamily}\n                  fontSize={THEME.typography.text.fontSize}\n                  fontWeight={THEME.typography.text.fontWeight}\n                  lineHeight={THEME.typography.text.lineHeight}\n                  {...props}\n                  baseClass={`${theme}-theme-root`}\n                  direction={THEME.rtl ? \"rtl\" : \"ltr\"}\n               >\n                  {children}\n                  {renderIsRoot}\n               </Tag>\n            </BreakpointProvider> : <Tag\n               minHeight=\"100%\"\n               bgcolor={THEME.colors.background.primary}\n               fontFamily={THEME.typography.fontFamily}\n               fontSize={THEME.typography.text.fontSize}\n               fontWeight={THEME.typography.text.fontWeight}\n               lineHeight={THEME.typography.text.lineHeight}\n               {...props}\n               baseClass={`${theme}-theme-root`}\n               direction={THEME.rtl ? \"rtl\" : \"ltr\"}\n            >\n               {children}\n            </Tag>\n         }\n      </ThemeContex.Provider>\n   )\n}\n\nexport default ThemeProvider"],"names":["_jsx","_jsxs"],"mappings":"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"}

package/theme/createColor.js

@@ -1,4 +1,4 @@
-'use strict';var index=require('../css/index.js');const createColor = (theme, name) => {
+'use strict';Object.defineProperty(exports,'__esModule',{value:true});var index=require('../css/index.js');const createColor = (theme, name) => {
     let color = theme.colors[name];
     let { primary, secondary } = color;
     let text = color.text || theme.colors.text.primary;
@@ -43,4 +43,4 @@
             }
         }
     };
-};module.exports=createColor;//# sourceMappingURL=createColor.js.map
+};exports.default=createColor;//# sourceMappingURL=createColor.js.map

package/theme/createColor.js.map

@@ -1 +1 @@
-{"version":3,"file":"createColor.js","sources":["../../src/theme/createColor.ts"],"sourcesContent":["import { ThemeOptions, ThemeColor } from \"./types\"\nimport { alpha } from \"../css\"\n\nconst createColor = (theme: ThemeOptions, name: keyof ThemeColor) => {\n   let color = theme.colors[name]\n   let { primary, secondary } = color as any\n   let text = (color as any).text || theme.colors.text.primary\n   let _alpha = alpha(primary, .1)\n\n   const isBag = (a: any, b: any) => name === \"background\" ? a : b\n\n   return {\n      alpha: _alpha,\n      template: {\n         outline: {\n            bgcolor: \"transparent\",\n            color: isBag(text, primary),\n            border: 1,\n            borderColor: isBag(\"divider\", alpha(primary, .4)),\n            hover: {\n               color: isBag(text, primary),\n               borderColor: isBag(\"divider\", alpha(primary, .8)),\n            }\n         },\n         fill: {\n            bgcolor: isBag(secondary, primary),\n            color: text,\n            hover: {\n               bgcolor: isBag(alpha(secondary, .6), secondary),\n               color: text,\n            }\n         },\n         text: {\n            bgcolor: \"transparent\",\n            color: isBag(text, primary),\n            hover: {\n               bgcolor: isBag(alpha(secondary, .6), alpha(primary, .1)),\n               color: isBag(text, primary),\n            }\n         },\n         alpha: {\n            bgcolor: isBag(alpha(secondary, .5), alpha(primary, .1)),\n            color: isBag(text, primary),\n            hover: {\n               bgcolor: isBag(alpha(secondary, .8), alpha(primary, .15)),\n               color: isBag(text, primary),\n            }\n         }\n      }\n   }\n}\n\nexport default createColor"],"names":["alpha"],"mappings":"kDAGA,MAAM,WAAW,GAAG,CAAC,KAAmB,EAAE,IAAsB,KAAI;IACjE,IAAI,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC;AAC9B,IAAA,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,KAAY;AACzC,IAAA,IAAI,IAAI,GAAI,KAAa,CAAC,IAAI,IAAI,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO;IAC3D,IAAI,MAAM,GAAGA,WAAK,CAAC,OAAO,EAAE,EAAE,CAAC;IAE/B,MAAM,KAAK,GAAG,CAAC,CAAM,EAAE,CAAM,KAAK,IAAI,KAAK,YAAY,GAAG,CAAC,GAAG,CAAC;IAE/D,OAAO;AACJ,QAAA,KAAK,EAAE,MAAM;AACb,QAAA,QAAQ,EAAE;AACP,YAAA,OAAO,EAAE;AACN,gBAAA,OAAO,EAAE,aAAa;AACtB,gBAAA,KAAK,EAAE,KAAK,CAAC,IAAI,EAAE,OAAO,CAAC;AAC3B,gBAAA,MAAM,EAAE,CAAC;gBACT,WAAW,EAAE,KAAK,CAAC,SAAS,EAAEA,WAAK,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;AACjD,gBAAA,KAAK,EAAE;AACJ,oBAAA,KAAK,EAAE,KAAK,CAAC,IAAI,EAAE,OAAO,CAAC;oBAC3B,WAAW,EAAE,KAAK,CAAC,SAAS,EAAEA,WAAK,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;AACnD;AACH,aAAA;AACD,YAAA,IAAI,EAAE;AACH,gBAAA,OAAO,EAAE,KAAK,CAAC,SAAS,EAAE,OAAO,CAAC;AAClC,gBAAA,KAAK,EAAE,IAAI;AACX,gBAAA,KAAK,EAAE;oBACJ,OAAO,EAAE,KAAK,CAACA,WAAK,CAAC,SAAS,EAAE,EAAE,CAAC,EAAE,SAAS,CAAC;AAC/C,oBAAA,KAAK,EAAE,IAAI;AACb;AACH,aAAA;AACD,YAAA,IAAI,EAAE;AACH,gBAAA,OAAO,EAAE,aAAa;AACtB,gBAAA,KAAK,EAAE,KAAK,CAAC,IAAI,EAAE,OAAO,CAAC;AAC3B,gBAAA,KAAK,EAAE;AACJ,oBAAA,OAAO,EAAE,KAAK,CAACA,WAAK,CAAC,SAAS,EAAE,EAAE,CAAC,EAAEA,WAAK,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;AACxD,oBAAA,KAAK,EAAE,KAAK,CAAC,IAAI,EAAE,OAAO,CAAC;AAC7B;AACH,aAAA;AACD,YAAA,KAAK,EAAE;AACJ,gBAAA,OAAO,EAAE,KAAK,CAACA,WAAK,CAAC,SAAS,EAAE,EAAE,CAAC,EAAEA,WAAK,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;AACxD,gBAAA,KAAK,EAAE,KAAK,CAAC,IAAI,EAAE,OAAO,CAAC;AAC3B,gBAAA,KAAK,EAAE;AACJ,oBAAA,OAAO,EAAE,KAAK,CAACA,WAAK,CAAC,SAAS,EAAE,EAAE,CAAC,EAAEA,WAAK,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC;AACzD,oBAAA,KAAK,EAAE,KAAK,CAAC,IAAI,EAAE,OAAO,CAAC;AAC7B;AACH;AACH;KACH;AACJ"}
+{"version":3,"file":"createColor.js","sources":["../../src/theme/createColor.ts"],"sourcesContent":["import { ThemeOptions, ThemeColor } from \"./types\"\nimport { alpha } from \"../css\"\n\nconst createColor = (theme: ThemeOptions, name: keyof ThemeColor) => {\n   let color = theme.colors[name]\n   let { primary, secondary } = color as any\n   let text = (color as any).text || theme.colors.text.primary\n   let _alpha = alpha(primary, .1)\n\n   const isBag = (a: any, b: any) => name === \"background\" ? a : b\n\n   return {\n      alpha: _alpha,\n      template: {\n         outline: {\n            bgcolor: \"transparent\",\n            color: isBag(text, primary),\n            border: 1,\n            borderColor: isBag(\"divider\", alpha(primary, .4)),\n            hover: {\n               color: isBag(text, primary),\n               borderColor: isBag(\"divider\", alpha(primary, .8)),\n            }\n         },\n         fill: {\n            bgcolor: isBag(secondary, primary),\n            color: text,\n            hover: {\n               bgcolor: isBag(alpha(secondary, .6), secondary),\n               color: text,\n            }\n         },\n         text: {\n            bgcolor: \"transparent\",\n            color: isBag(text, primary),\n            hover: {\n               bgcolor: isBag(alpha(secondary, .6), alpha(primary, .1)),\n               color: isBag(text, primary),\n            }\n         },\n         alpha: {\n            bgcolor: isBag(alpha(secondary, .5), alpha(primary, .1)),\n            color: isBag(text, primary),\n            hover: {\n               bgcolor: isBag(alpha(secondary, .8), alpha(primary, .15)),\n               color: isBag(text, primary),\n            }\n         }\n      }\n   }\n}\n\nexport default createColor"],"names":["alpha"],"mappings":"2GAGA,MAAM,WAAW,GAAG,CAAC,KAAmB,EAAE,IAAsB,KAAI;IACjE,IAAI,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC;AAC9B,IAAA,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,KAAY;AACzC,IAAA,IAAI,IAAI,GAAI,KAAa,CAAC,IAAI,IAAI,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO;IAC3D,IAAI,MAAM,GAAGA,WAAK,CAAC,OAAO,EAAE,EAAE,CAAC;IAE/B,MAAM,KAAK,GAAG,CAAC,CAAM,EAAE,CAAM,KAAK,IAAI,KAAK,YAAY,GAAG,CAAC,GAAG,CAAC;IAE/D,OAAO;AACJ,QAAA,KAAK,EAAE,MAAM;AACb,QAAA,QAAQ,EAAE;AACP,YAAA,OAAO,EAAE;AACN,gBAAA,OAAO,EAAE,aAAa;AACtB,gBAAA,KAAK,EAAE,KAAK,CAAC,IAAI,EAAE,OAAO,CAAC;AAC3B,gBAAA,MAAM,EAAE,CAAC;gBACT,WAAW,EAAE,KAAK,CAAC,SAAS,EAAEA,WAAK,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;AACjD,gBAAA,KAAK,EAAE;AACJ,oBAAA,KAAK,EAAE,KAAK,CAAC,IAAI,EAAE,OAAO,CAAC;oBAC3B,WAAW,EAAE,KAAK,CAAC,SAAS,EAAEA,WAAK,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;AACnD;AACH,aAAA;AACD,YAAA,IAAI,EAAE;AACH,gBAAA,OAAO,EAAE,KAAK,CAAC,SAAS,EAAE,OAAO,CAAC;AAClC,gBAAA,KAAK,EAAE,IAAI;AACX,gBAAA,KAAK,EAAE;oBACJ,OAAO,EAAE,KAAK,CAACA,WAAK,CAAC,SAAS,EAAE,EAAE,CAAC,EAAE,SAAS,CAAC;AAC/C,oBAAA,KAAK,EAAE,IAAI;AACb;AACH,aAAA;AACD,YAAA,IAAI,EAAE;AACH,gBAAA,OAAO,EAAE,aAAa;AACtB,gBAAA,KAAK,EAAE,KAAK,CAAC,IAAI,EAAE,OAAO,CAAC;AAC3B,gBAAA,KAAK,EAAE;AACJ,oBAAA,OAAO,EAAE,KAAK,CAACA,WAAK,CAAC,SAAS,EAAE,EAAE,CAAC,EAAEA,WAAK,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;AACxD,oBAAA,KAAK,EAAE,KAAK,CAAC,IAAI,EAAE,OAAO,CAAC;AAC7B;AACH,aAAA;AACD,YAAA,KAAK,EAAE;AACJ,gBAAA,OAAO,EAAE,KAAK,CAACA,WAAK,CAAC,SAAS,EAAE,EAAE,CAAC,EAAEA,WAAK,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;AACxD,gBAAA,KAAK,EAAE,KAAK,CAAC,IAAI,EAAE,OAAO,CAAC;AAC3B,gBAAA,KAAK,EAAE;AACJ,oBAAA,OAAO,EAAE,KAAK,CAACA,WAAK,CAAC,SAAS,EAAE,EAAE,CAAC,EAAEA,WAAK,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC;AACzD,oBAAA,KAAK,EAAE,KAAK,CAAC,IAAI,EAAE,OAAO,CAAC;AAC7B;AACH;AACH;KACH;AACJ"}

package/theme/createTheme.js

@@ -3,13 +3,13 @@
         let theme = core.mergeObject(ThemeDefaultOptions.default, Object.assign(Object.assign(Object.assign({}, ({})), options), { name, breakpoints: index.breakpoints }));
         theme = core.mergeObject(theme, {
             colors: {
-                background: createColor(theme, "background"),
-                brand: createColor(theme, "brand"),
-                accent: createColor(theme, "accent"),
-                info: createColor(theme, "info"),
-                success: createColor(theme, "success"),
-                warning: createColor(theme, "warning"),
-                danger: createColor(theme, "danger")
+                background: createColor.default(theme, "background"),
+                brand: createColor.default(theme, "brand"),
+                accent: createColor.default(theme, "accent"),
+                info: createColor.default(theme, "info"),
+                success: createColor.default(theme, "success"),
+                warning: createColor.default(theme, "warning"),
+                danger: createColor.default(theme, "danger")
             }
         });
         core.ThemeFactory.set(name, theme);

package/theme/createTheme.js.map

@@ -1 +1 @@
-{"version":3,"file":"createTheme.js","sources":["../../src/theme/createTheme.ts"],"sourcesContent":["import { ThemeOptions, ThemeOptionInput } from \"./types\"\nimport defaultThemeOption, { darkColorPallete } from './ThemeDefaultOptions'\nimport { mergeObject, ThemeFactory } from \"./core\"\nimport createColor from \"./createColor\"\nimport { breakpoints } from \"../css\"\n\nexport const createTheme = (name: string, options: ThemeOptionInput, darkMode?: boolean): ThemeOptions => {\n   if (!ThemeFactory.has(name)) {\n      let theme: any = mergeObject(defaultThemeOption, {\n         ...(darkMode ? darkColorPallete : {}),\n         ...options,\n         name,\n         breakpoints: breakpoints\n      })\n\n      theme = mergeObject(theme, {\n         colors: {\n            background: createColor(theme, \"background\"),\n            brand: createColor(theme, \"brand\"),\n            accent: createColor(theme, \"accent\"),\n            info: createColor(theme, \"info\"),\n            success: createColor(theme, \"success\"),\n            warning: createColor(theme, \"warning\"),\n            danger: createColor(theme, \"danger\")\n         }\n      })\n      ThemeFactory.set(name, theme)\n   } else {\n      throw new Error(`theme \"${name}\" already exists!`);\n   }\n\n   return ThemeFactory.get(name) as ThemeOptions\n}\n"],"names":["ThemeFactory","mergeObject","defaultThemeOption","breakpoints"],"mappings":"qOAMa,MAAA,WAAW,GAAG,CAAC,IAAY,EAAE,OAAyB,EAAE,QAAkB,KAAkB;AACtG,IAAA,IAAI,CAACA,iBAAY,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE;QAC1B,IAAI,KAAK,GAAQC,gBAAW,CAACC,2BAAkB,EACzC,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,GAA+B,EAAE,EAAC,EAClC,OAAO,CAAA,EAAA,EACV,IAAI,EACJ,WAAW,EAAEC,iBAAW,EAAA,CAAA,CACzB;AAEF,QAAA,KAAK,GAAGF,gBAAW,CAAC,KAAK,EAAE;AACxB,YAAA,MAAM,EAAE;AACL,gBAAA,UAAU,EAAE,WAAW,CAAC,KAAK,EAAE,YAAY,CAAC;AAC5C,gBAAA,KAAK,EAAE,WAAW,CAAC,KAAK,EAAE,OAAO,CAAC;AAClC,gBAAA,MAAM,EAAE,WAAW,CAAC,KAAK,EAAE,QAAQ,CAAC;AACpC,gBAAA,IAAI,EAAE,WAAW,CAAC,KAAK,EAAE,MAAM,CAAC;AAChC,gBAAA,OAAO,EAAE,WAAW,CAAC,KAAK,EAAE,SAAS,CAAC;AACtC,gBAAA,OAAO,EAAE,WAAW,CAAC,KAAK,EAAE,SAAS,CAAC;AACtC,gBAAA,MAAM,EAAE,WAAW,CAAC,KAAK,EAAE,QAAQ;AACrC;AACH,SAAA,CAAC;AACF,QAAAD,iBAAY,CAAC,GAAG,CAAC,IAAI,EAAE,KAAK,CAAC;AAC/B;AAAM,SAAA;AACJ,QAAA,MAAM,IAAI,KAAK,CAAC,UAAU,IAAI,CAAA,iBAAA,CAAmB,CAAC;AACpD;AAED,IAAA,OAAOA,iBAAY,CAAC,GAAG,CAAC,IAAI,CAAiB;AAChD"}
+{"version":3,"file":"createTheme.js","sources":["../../src/theme/createTheme.ts"],"sourcesContent":["import { ThemeOptions, ThemeOptionInput } from \"./types\"\nimport defaultThemeOption, { darkColorPallete } from './ThemeDefaultOptions'\nimport { mergeObject, ThemeFactory } from \"./core\"\nimport createColor from \"./createColor\"\nimport { breakpoints } from \"../css\"\n\nexport const createTheme = (name: string, options: ThemeOptionInput, darkMode?: boolean): ThemeOptions => {\n   if (!ThemeFactory.has(name)) {\n      let theme: any = mergeObject(defaultThemeOption, {\n         ...(darkMode ? darkColorPallete : {}),\n         ...options,\n         name,\n         breakpoints: breakpoints\n      })\n\n      theme = mergeObject(theme, {\n         colors: {\n            background: createColor(theme, \"background\"),\n            brand: createColor(theme, \"brand\"),\n            accent: createColor(theme, \"accent\"),\n            info: createColor(theme, \"info\"),\n            success: createColor(theme, \"success\"),\n            warning: createColor(theme, \"warning\"),\n            danger: createColor(theme, \"danger\")\n         }\n      })\n      ThemeFactory.set(name, theme)\n   } else {\n      throw new Error(`theme \"${name}\" already exists!`);\n   }\n\n   return ThemeFactory.get(name) as ThemeOptions\n}\n"],"names":["ThemeFactory","mergeObject","defaultThemeOption","breakpoints","createColor"],"mappings":"qOAMa,MAAA,WAAW,GAAG,CAAC,IAAY,EAAE,OAAyB,EAAE,QAAkB,KAAkB;AACtG,IAAA,IAAI,CAACA,iBAAY,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE;QAC1B,IAAI,KAAK,GAAQC,gBAAW,CAACC,2BAAkB,EACzC,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,GAA+B,EAAE,EAAC,EAClC,OAAO,CAAA,EAAA,EACV,IAAI,EACJ,WAAW,EAAEC,iBAAW,EAAA,CAAA,CACzB;AAEF,QAAA,KAAK,GAAGF,gBAAW,CAAC,KAAK,EAAE;AACxB,YAAA,MAAM,EAAE;AACL,gBAAA,UAAU,EAAEG,mBAAW,CAAC,KAAK,EAAE,YAAY,CAAC;AAC5C,gBAAA,KAAK,EAAEA,mBAAW,CAAC,KAAK,EAAE,OAAO,CAAC;AAClC,gBAAA,MAAM,EAAEA,mBAAW,CAAC,KAAK,EAAE,QAAQ,CAAC;AACpC,gBAAA,IAAI,EAAEA,mBAAW,CAAC,KAAK,EAAE,MAAM,CAAC;AAChC,gBAAA,OAAO,EAAEA,mBAAW,CAAC,KAAK,EAAE,SAAS,CAAC;AACtC,gBAAA,OAAO,EAAEA,mBAAW,CAAC,KAAK,EAAE,SAAS,CAAC;AACtC,gBAAA,MAAM,EAAEA,mBAAW,CAAC,KAAK,EAAE,QAAQ;AACrC;AACH,SAAA,CAAC;AACF,QAAAJ,iBAAY,CAAC,GAAG,CAAC,IAAI,EAAE,KAAK,CAAC;AAC/B;AAAM,SAAA;AACJ,QAAA,MAAM,IAAI,KAAK,CAAC,UAAU,IAAI,CAAA,iBAAA,CAAmB,CAAC;AACpD;AAED,IAAA,OAAOA,iBAAY,CAAC,GAAG,CAAC,IAAI,CAAiB;AAChD"}

package/theme/createThemeSwitcher.js

@@ -1,4 +1,4 @@
-'use strict';var reactStateBucket=require('react-state-bucket'),core=require('./core.js');const createThemeSwitcher = (defaultTheme, store) => {
+'use strict';Object.defineProperty(exports,'__esModule',{value:true});var reactStateBucket=require('react-state-bucket'),core=require('./core.js');const createThemeSwitcher = (defaultTheme, store) => {
     const useThemeState = reactStateBucket.createBucket({ name: defaultTheme }, { store });
     const useThemeSwitcher = () => {
         const state = useThemeState();
@@ -9,4 +9,4 @@
         };
     };
     return useThemeSwitcher;
-};module.exports=createThemeSwitcher;//# sourceMappingURL=createThemeSwitcher.js.map
+};exports.default=createThemeSwitcher;//# sourceMappingURL=createThemeSwitcher.js.map

package/theme/createThemeSwitcher.js.map

@@ -1 +1 @@
-{"version":3,"file":"createThemeSwitcher.js","sources":["../../src/theme/createThemeSwitcher.ts"],"sourcesContent":["import { createBucket } from \"react-state-bucket\"\nimport { getTheme } from \"./core\"\n\nconst createThemeSwitcher = (defaultTheme: string, store?: \"session\" | \"local\") => {\n   const useThemeState = createBucket({ name: defaultTheme }, { store })\n   const useThemeSwitcher = () => {\n      const state = useThemeState()\n      return {\n         name: state.get(\"name\"),\n         theme: getTheme(state.get(\"name\")),\n         change: (theme: string) => state.set(\"name\", theme)\n      }\n   }\n   return useThemeSwitcher\n}\n\n\nexport default createThemeSwitcher"],"names":["createBucket","getTheme"],"mappings":"0FAGA,MAAM,mBAAmB,GAAG,CAAC,YAAoB,EAAE,KAA2B,KAAI;AAC/E,IAAA,MAAM,aAAa,GAAGA,6BAAY,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC;IACrE,MAAM,gBAAgB,GAAG,MAAK;AAC3B,QAAA,MAAM,KAAK,GAAG,aAAa,EAAE;QAC7B,OAAO;AACJ,YAAA,IAAI,EAAE,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC;YACvB,KAAK,EAAEC,aAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;AAClC,YAAA,MAAM,EAAE,CAAC,KAAa,KAAK,KAAK,CAAC,GAAG,CAAC,MAAM,EAAE,KAAK;SACpD;AACJ,KAAC;AACD,IAAA,OAAO,gBAAgB;AAC1B"}
+{"version":3,"file":"createThemeSwitcher.js","sources":["../../src/theme/createThemeSwitcher.ts"],"sourcesContent":["import { createBucket } from \"react-state-bucket\"\nimport { getTheme } from \"./core\"\n\nconst createThemeSwitcher = (defaultTheme: string, store?: \"session\" | \"local\") => {\n   const useThemeState = createBucket({ name: defaultTheme }, { store })\n   const useThemeSwitcher = () => {\n      const state = useThemeState()\n      return {\n         name: state.get(\"name\"),\n         theme: getTheme(state.get(\"name\")),\n         change: (theme: string) => state.set(\"name\", theme)\n      }\n   }\n   return useThemeSwitcher\n}\n\n\nexport default createThemeSwitcher"],"names":["createBucket","getTheme"],"mappings":"mJAGA,MAAM,mBAAmB,GAAG,CAAC,YAAoB,EAAE,KAA2B,KAAI;AAC/E,IAAA,MAAM,aAAa,GAAGA,6BAAY,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC;IACrE,MAAM,gBAAgB,GAAG,MAAK;AAC3B,QAAA,MAAM,KAAK,GAAG,aAAa,EAAE;QAC7B,OAAO;AACJ,YAAA,IAAI,EAAE,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC;YACvB,KAAK,EAAEC,aAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;AAClC,YAAA,MAAM,EAAE,CAAC,KAAa,KAAK,KAAK,CAAC,GAAG,CAAC,MAAM,EAAE,KAAK;SACpD;AACJ,KAAC;AACD,IAAA,OAAO,gBAAgB;AAC1B"}

package/theme/index.js

@@ -1,2 +1,2 @@
-'use strict';Object.defineProperty(exports,'__esModule',{value:true});var ThemeDefaultOptions=require('./ThemeDefaultOptions.js'),createTheme=require('./createTheme.js');require('tslib'),require('react'),require('../Tag/index.js'),require('../breakpoint/BreakpointProvider.js'),require('../css/getValue.js'),require('oncss');var core=require('./core.js');require('react-state-bucket');createTheme.createTheme("light", { colors: ThemeDefaultOptions.lightColorPallete });
+'use strict';Object.defineProperty(exports,'__esModule',{value:true});var ThemeDefaultOptions=require('./ThemeDefaultOptions.js'),createTheme=require('./createTheme.js');require('tslib'),require('react/jsx-runtime'),require('react'),require('../Tag/index.js'),require('../breakpoint/BreakpointProvider.js'),require('../css/getValue.js'),require('oncss');var core=require('./core.js');require('react-state-bucket');createTheme.createTheme("light", { colors: ThemeDefaultOptions.lightColorPallete });
 createTheme.createTheme("dark", { colors: ThemeDefaultOptions.darkColorPallete });exports.getTheme=core.getTheme;exports.useTheme=core.useTheme;//# sourceMappingURL=index.js.map

package/theme/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/theme/index.tsx"],"sourcesContent":["import { lightColorPallete, darkColorPallete } from './ThemeDefaultOptions'\nimport { createTheme } from \"./createTheme\"\nimport ThemeProvider from './ThemeProvider'\nimport createThemeSwitcher from './createThemeSwitcher'\nimport { getTheme, useTheme } from './core'\nexport type { ThemeProviderProps } from './ThemeProvider'\n\nexport {\n    ThemeProvider,\n    createThemeSwitcher,\n    getTheme,\n    useTheme\n}\n\ncreateTheme(\"light\", { colors: lightColorPallete })\ncreateTheme(\"dark\", { colors: darkColorPallete })\n\n"],"names":["createTheme","lightColorPallete","darkColorPallete"],"mappings":"iYAcAA,uBAAW,CAAC,OAAO,EAAE,EAAE,MAAM,EAAEC,qCAAiB,EAAE,CAAC;AACnDD,uBAAW,CAAC,MAAM,EAAE,EAAE,MAAM,EAAEE,oCAAgB,EAAE,CAAC"}
+{"version":3,"file":"index.js","sources":["../../src/theme/index.tsx"],"sourcesContent":["import { lightColorPallete, darkColorPallete } from './ThemeDefaultOptions'\nimport { createTheme } from \"./createTheme\"\nimport ThemeProvider from './ThemeProvider'\nimport createThemeSwitcher from './createThemeSwitcher'\nimport { getTheme, useTheme } from './core'\nexport type { ThemeProviderProps } from './ThemeProvider'\n\nexport {\n    ThemeProvider,\n    createThemeSwitcher,\n    getTheme,\n    useTheme\n}\n\ncreateTheme(\"light\", { colors: lightColorPallete })\ncreateTheme(\"dark\", { colors: darkColorPallete })\n\n"],"names":["createTheme","lightColorPallete","darkColorPallete"],"mappings":"8ZAcAA,uBAAW,CAAC,OAAO,EAAE,EAAE,MAAM,EAAEC,qCAAiB,EAAE,CAAC;AACnDD,uBAAW,CAAC,MAAM,EAAE,EAAE,MAAM,EAAEE,oCAAgB,EAAE,CAAC"}

package/theme/index.mjs

@@ -1,2 +1,2 @@
-import {lightColorPallete,darkColorPallete}from'./ThemeDefaultOptions.mjs';import {createTheme}from'./createTheme.mjs';import'tslib';import'react';import'../Tag/index.mjs';import'../breakpoint/BreakpointProvider.mjs';import'../css/getValue.mjs';import'oncss';export{getTheme,useTheme}from'./core.mjs';import'react-state-bucket';createTheme("light", { colors: lightColorPallete });
+import {lightColorPallete,darkColorPallete}from'./ThemeDefaultOptions.mjs';import {createTheme}from'./createTheme.mjs';import'tslib';import'react/jsx-runtime';import'react';import'../Tag/index.mjs';import'../breakpoint/BreakpointProvider.mjs';import'../css/getValue.mjs';import'oncss';export{getTheme,useTheme}from'./core.mjs';import'react-state-bucket';createTheme("light", { colors: lightColorPallete });
 createTheme("dark", { colors: darkColorPallete });//# sourceMappingURL=index.mjs.map

package/theme/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/theme/index.tsx"],"sourcesContent":["import { lightColorPallete, darkColorPallete } from './ThemeDefaultOptions'\nimport { createTheme } from \"./createTheme\"\nimport ThemeProvider from './ThemeProvider'\nimport createThemeSwitcher from './createThemeSwitcher'\nimport { getTheme, useTheme } from './core'\nexport type { ThemeProviderProps } from './ThemeProvider'\n\nexport {\n    ThemeProvider,\n    createThemeSwitcher,\n    getTheme,\n    useTheme\n}\n\ncreateTheme(\"light\", { colors: lightColorPallete })\ncreateTheme(\"dark\", { colors: darkColorPallete })\n\n"],"names":[],"mappings":"wUAcA,WAAW,CAAC,OAAO,EAAE,EAAE,MAAM,EAAE,iBAAiB,EAAE,CAAC;AACnD,WAAW,CAAC,MAAM,EAAE,EAAE,MAAM,EAAE,gBAAgB,EAAE,CAAC"}
+{"version":3,"file":"index.mjs","sources":["../../src/theme/index.tsx"],"sourcesContent":["import { lightColorPallete, darkColorPallete } from './ThemeDefaultOptions'\nimport { createTheme } from \"./createTheme\"\nimport ThemeProvider from './ThemeProvider'\nimport createThemeSwitcher from './createThemeSwitcher'\nimport { getTheme, useTheme } from './core'\nexport type { ThemeProviderProps } from './ThemeProvider'\n\nexport {\n    ThemeProvider,\n    createThemeSwitcher,\n    getTheme,\n    useTheme\n}\n\ncreateTheme(\"light\", { colors: lightColorPallete })\ncreateTheme(\"dark\", { colors: darkColorPallete })\n\n"],"names":[],"mappings":"kWAcA,WAAW,CAAC,OAAO,EAAE,EAAE,MAAM,EAAE,iBAAiB,EAAE,CAAC;AACnD,WAAW,CAAC,MAAM,EAAE,EAAE,MAAM,EAAE,gBAAgB,EAAE,CAAC"}

package/useColorTemplate.js

@@ -1,6 +1,6 @@
-'use strict';require('./theme/index.js');var core=require('./theme/core.js');const useColorTemplate = (color, type) => {
+'use strict';Object.defineProperty(exports,'__esModule',{value:true});require('./theme/index.js');var core=require('./theme/core.js');const useColorTemplate = (color, type) => {
     var _a;
     const theme = core.useTheme();
     let _color = color === 'default' ? "background" : color;
     return (_a = theme.colors[_color]) === null || _a === void 0 ? void 0 : _a.template[type];
-};module.exports=useColorTemplate;//# sourceMappingURL=useColorTemplate.js.map
+};exports.default=useColorTemplate;//# sourceMappingURL=useColorTemplate.js.map

package/useColorTemplate.js.map

@@ -1 +1 @@
-{"version":3,"file":"useColorTemplate.js","sources":["../src/useColorTemplate.ts"],"sourcesContent":["import { useTheme } from \"./theme\"\nexport type ColorTemplateColors = \"default\" | \"brand\" | \"accent\" | \"info\" | \"success\" | \"warning\" | \"danger\"\nexport type ColorTemplateType = \"fill\" | \"outline\" | \"text\" | \"alpha\"\n\nconst useColorTemplate = (color: ColorTemplateColors, type: ColorTemplateType) => {\n    const theme: any = useTheme()\n    let _color = color === 'default' ? \"background\" : color as any\n    return theme.colors[_color]?.template[type]\n}\n\nexport default useColorTemplate"],"names":["useTheme"],"mappings":"6EAIA,MAAM,gBAAgB,GAAG,CAAC,KAA0B,EAAE,IAAuB,KAAI;;AAC7E,IAAA,MAAM,KAAK,GAAQA,aAAQ,EAAE;AAC7B,IAAA,IAAI,MAAM,GAAG,KAAK,KAAK,SAAS,GAAG,YAAY,GAAG,KAAY;AAC9D,IAAA,OAAO,CAAA,EAAA,GAAA,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,QAAQ,CAAC,IAAI,CAAC;AAC/C"}
+{"version":3,"file":"useColorTemplate.js","sources":["../src/useColorTemplate.ts"],"sourcesContent":["import { useTheme } from \"./theme\"\nexport type ColorTemplateColors = \"default\" | \"brand\" | \"accent\" | \"info\" | \"success\" | \"warning\" | \"danger\"\nexport type ColorTemplateType = \"fill\" | \"outline\" | \"text\" | \"alpha\"\n\nconst useColorTemplate = (color: ColorTemplateColors, type: ColorTemplateType) => {\n    const theme: any = useTheme()\n    let _color = color === 'default' ? \"background\" : color as any\n    return theme.colors[_color]?.template[type]\n}\n\nexport default useColorTemplate"],"names":["useTheme"],"mappings":"sIAIA,MAAM,gBAAgB,GAAG,CAAC,KAA0B,EAAE,IAAuB,KAAI;;AAC7E,IAAA,MAAM,KAAK,GAAQA,aAAQ,EAAE;AAC7B,IAAA,IAAI,MAAM,GAAG,KAAK,KAAK,SAAS,GAAG,YAAY,GAAG,KAAY;AAC9D,IAAA,OAAO,CAAA,EAAA,GAAA,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,QAAQ,CAAC,IAAI,CAAC;AAC/C"}

package/useInterface.js

@@ -1,8 +1,8 @@
-'use strict';require('./theme/index.js');var core=require('./theme/core.js');const useInterface = (name, userPorps, defaultProps) => {
+'use strict';Object.defineProperty(exports,'__esModule',{value:true});require('./theme/index.js');var core=require('./theme/core.js');const useInterface = (name, userPorps, defaultProps) => {
     const theme = core.useTheme();
     const _interface = theme.interfaces[name];
     if (_interface) {
         defaultProps = _interface(Object.assign(Object.assign({}, defaultProps), userPorps), theme);
     }
     return [Object.assign(Object.assign({}, defaultProps), userPorps), theme];
-};module.exports=useInterface;//# sourceMappingURL=useInterface.js.map
+};exports.default=useInterface;//# sourceMappingURL=useInterface.js.map

package/useInterface.js.map

@@ -1 +1 @@
-{"version":3,"file":"useInterface.js","sources":["../src/useInterface.ts"],"sourcesContent":["import { useTheme } from \"./theme\"\n\nconst useInterface = <P extends object>(name: string, userPorps: P, defaultProps: P) => {\n    const theme = useTheme()\n    const _interface = theme.interfaces[name]\n\n    if (_interface) {\n        defaultProps = _interface<P>({ ...defaultProps, ...userPorps }, theme)\n    }\n    return [{ ...defaultProps, ...userPorps }, theme]\n}\n\nexport default useInterface"],"names":["useTheme"],"mappings":"6EAEM,MAAA,YAAY,GAAG,CAAmB,IAAY,EAAE,SAAY,EAAE,YAAe,KAAI;AACnF,IAAA,MAAM,KAAK,GAAGA,aAAQ,EAAE;IACxB,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC;AAEzC,IAAA,IAAI,UAAU,EAAE;QACZ,YAAY,GAAG,UAAU,CAAS,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAA,YAAY,GAAK,SAAS,CAAA,EAAI,KAAK,CAAC;AACzE;AACD,IAAA,OAAO,iCAAM,YAAY,CAAA,EAAK,SAAS,CAAI,EAAA,KAAK,CAAC;AACrD"}
+{"version":3,"file":"useInterface.js","sources":["../src/useInterface.ts"],"sourcesContent":["import { useTheme } from \"./theme\"\n\nconst useInterface = <P extends object>(name: string, userPorps: P, defaultProps: P) => {\n    const theme = useTheme()\n    const _interface = theme.interfaces[name]\n\n    if (_interface) {\n        defaultProps = _interface<P>({ ...defaultProps, ...userPorps }, theme)\n    }\n    return [{ ...defaultProps, ...userPorps }, theme]\n}\n\nexport default useInterface"],"names":["useTheme"],"mappings":"sIAEM,MAAA,YAAY,GAAG,CAAmB,IAAY,EAAE,SAAY,EAAE,YAAe,KAAI;AACnF,IAAA,MAAM,KAAK,GAAGA,aAAQ,EAAE;IACxB,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC;AAEzC,IAAA,IAAI,UAAU,EAAE;QACZ,YAAY,GAAG,UAAU,CAAS,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAA,YAAY,GAAK,SAAS,CAAA,EAAI,KAAK,CAAC;AACzE;AACD,IAAA,OAAO,iCAAM,YAAY,CAAA,EAAK,SAAS,CAAI,EAAA,KAAK,CAAC;AACrD"}