@xanui/core 1.1.3 → 1.1.6

package/theme/ThemeDefaultOptions.mjs

@@ -0,0 +1,131 @@
+const lightColorPallete = {
+    text: {
+        primary: "#212B36",
+        secondary: "#637381",
+    },
+    background: {
+        primary: "#FFFFFF",
+        secondary: "#EDEFF7",
+    },
+    divider: "#DADCE0"
+};
+const darkColorPallete = {
+    text: {
+        primary: "#FFFFFF",
+        secondary: "#C4CDD5",
+    },
+    background: {
+        primary: "#272727",
+        secondary: "#1E1E1E",
+    },
+    divider: "#3D3D3D"
+};
+const ThemeColors = Object.assign(Object.assign({}, lightColorPallete), { brand: {
+        primary: "#3b82f6",
+        secondary: "#60a5fa",
+        text: "#FFFFFF"
+    }, accent: {
+        primary: "#14b8a6",
+        secondary: "#2dd4bf",
+        text: "#FFFFFF"
+    }, info: {
+        primary: "#0ea5e9",
+        secondary: "#60a5fa",
+        text: "#FFFFFF"
+    }, success: {
+        primary: "#22c55e",
+        secondary: "#4ade80",
+        text: "#FFFFFF"
+    }, warning: {
+        primary: "#f59e0b",
+        secondary: "#fbbf24",
+        text: "#FFFFFF"
+    }, danger: {
+        primary: "#ef4444",
+        secondary: "#f87171",
+        text: "#FFFFFF"
+    } });
+const ThemeTypography = {
+    fontFamily: '"Inter",sans-serif,"Helvetica","Arial"',
+    h1: {
+        fontSize: 47.78,
+        lineHeight: 1.3,
+        fontWeight: 400,
+    },
+    h2: {
+        fontSize: 39.81,
+        lineHeight: 1.35,
+        fontWeight: 400,
+    },
+    h3: {
+        fontSize: 33.18,
+        lineHeight: 1.4,
+        fontWeight: 400,
+    },
+    h4: {
+        fontSize: 27.65,
+        lineHeight: 1.45,
+        fontWeight: 400,
+    },
+    h5: {
+        fontSize: 27.65,
+        lineHeight: 1.5,
+        fontWeight: 400,
+    },
+    h6: {
+        fontSize: 23.04,
+        lineHeight: 1.55,
+        fontWeight: 400,
+    },
+    text: {
+        fontSize: 16,
+        lineHeight: 1.6,
+        fontWeight: 400,
+    },
+    button: {
+        fontSize: 13.33,
+        lineHeight: 1.6,
+        fontWeight: 500,
+    },
+    small: {
+        fontSize: 12.33,
+        lineHeight: 1.6,
+        fontWeight: 400,
+    }
+};
+const shadow = [
+    "none",
+    "0px 2px 1px -1px rgba(0,0,0,0.2),0px 1px 1px 0px rgba(0,0,0,0.14),0px 1px 3px 0px rgba(0,0,0,0.12)",
+    "0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12)",
+    "0px 3px 3px -2px rgba(0,0,0,0.2),0px 3px 4px 0px rgba(0,0,0,0.14),0px 1px 8px 0px rgba(0,0,0,0.12)",
+    "0px 2px 4px -1px rgba(0,0,0,0.2),0px 4px 5px 0px rgba(0,0,0,0.14),0px 1px 10px 0px rgba(0,0,0,0.12)",
+    "0px 3px 5px -1px rgba(0,0,0,0.2),0px 5px 8px 0px rgba(0,0,0,0.14),0px 1px 14px 0px rgba(0,0,0,0.12)",
+    "0px 3px 5px -1px rgba(0,0,0,0.2),0px 6px 10px 0px rgba(0,0,0,0.14),0px 1px 18px 0px rgba(0,0,0,0.12)",
+    "0px 4px 5px -2px rgba(0,0,0,0.2),0px 7px 10px 1px rgba(0,0,0,0.14),0px 2px 16px 1px rgba(0,0,0,0.12)",
+    "0px 5px 5px -3px rgba(0,0,0,0.2),0px 8px 10px 1px rgba(0,0,0,0.14),0px 3px 14px 2px rgba(0,0,0,0.12)",
+    "0px 5px 6px -3px rgba(0,0,0,0.2),0px 9px 12px 1px rgba(0,0,0,0.14),0px 3px 16px 2px rgba(0,0,0,0.12)",
+    "0px 6px 6px -3px rgba(0,0,0,0.2),0px 10px 14px 1px rgba(0,0,0,0.14),0px 4px 18px 3px rgba(0,0,0,0.12)",
+    "0px 6px 7px -4px rgba(0,0,0,0.2),0px 11px 15px 1px rgba(0,0,0,0.14),0px 4px 20px 3px rgba(0,0,0,0.12)",
+    "0px 7px 8px -4px rgba(0,0,0,0.2),0px 12px 17px 2px rgba(0,0,0,0.14),0px 5px 22px 4px rgba(0,0,0,0.12)",
+    "0px 7px 8px -4px rgba(0,0,0,0.2),0px 13px 19px 2px rgba(0,0,0,0.14),0px 5px 24px 4px rgba(0,0,0,0.12)",
+    "0px 7px 9px -4px rgba(0,0,0,0.2),0px 14px 21px 2px rgba(0,0,0,0.14),0px 5px 26px 4px rgba(0,0,0,0.12)",
+    "0px 8px 9px -5px rgba(0,0,0,0.2),0px 15px 22px 2px rgba(0,0,0,0.14),0px 6px 28px 5px rgba(0,0,0,0.12)",
+    "0px 8px 10px -5px rgba(0,0,0,0.2),0px 16px 24px 2px rgba(0,0,0,0.14),0px 6px 30px 5px rgba(0,0,0,0.12)",
+    "0px 8px 11px -5px rgba(0,0,0,0.2),0px 17px 26px 2px rgba(0,0,0,0.14),0px 6px 32px 5px rgba(0,0,0,0.12)",
+    "0px 9px 11px -5px rgba(0,0,0,0.2),0px 18px 28px 2px rgba(0,0,0,0.14),0px 7px 34px 6px rgba(0,0,0,0.12)",
+    "0px 9px 12px -6px rgba(0,0,0,0.2),0px 19px 29px 2px rgba(0,0,0,0.14),0px 7px 36px 6px rgba(0,0,0,0.12)",
+    "0px 10px 13px -6px rgba(0,0,0,0.2),0px 20px 31px 3px rgba(0,0,0,0.14),0px 8px 38px 7px rgba(0,0,0,0.12)",
+    "0px 10px 13px -6px rgba(0,0,0,0.2),0px 21px 33px 3px rgba(0,0,0,0.14),0px 8px 40px 7px rgba(0,0,0,0.12)",
+    "0px 10px 14px -6px rgba(0,0,0,0.2),0px 22px 35px 3px rgba(0,0,0,0.14),0px 8px 42px 7px rgba(0,0,0,0.12)",
+    "0px 11px 14px -7px rgba(0,0,0,0.2),0px 23px 36px 3px rgba(0,0,0,0.14),0px 9px 44px 8px rgba(0,0,0,0.12)",
+    "0px 11px 15px -7px rgba(0,0,0,0.2),0px 24px 38px 3px rgba(0,0,0,0.14),0px 9px 46px 8px rgba(0,0,0,0.12)",
+];
+var defaultThemeOption = {
+    name: "light",
+    rtl: false,
+    shadow,
+    globalStyle: {},
+    colors: ThemeColors,
+    typography: ThemeTypography,
+    interfaces: {}
+};export{ThemeColors,ThemeTypography,darkColorPallete,defaultThemeOption as default,lightColorPallete,shadow};//# sourceMappingURL=ThemeDefaultOptions.mjs.map

package/theme/ThemeDefaultOptions.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeDefaultOptions.mjs","sources":["../../src/theme/ThemeDefaultOptions.ts"],"sourcesContent":["import { ThemeOptionInput, ThemeTypographyType } from './types'\n\nexport const lightColorPallete = {\n    text: {\n        primary: \"#212B36\",\n        secondary: \"#637381\",\n    },\n    background: {\n        primary: \"#FFFFFF\",\n        secondary: \"#EDEFF7\",\n    },\n    divider: \"#DADCE0\"\n}\n\nexport const darkColorPallete = {\n    text: {\n        primary: \"#FFFFFF\",\n        secondary: \"#C4CDD5\",\n    },\n    background: {\n        primary: \"#272727\",\n        secondary: \"#1E1E1E\",\n    },\n    divider: \"#3D3D3D\"\n}\n\nexport const ThemeColors = {\n    ...lightColorPallete,\n    brand: {\n        primary: \"#3b82f6\",\n        secondary: \"#60a5fa\",\n        text: \"#FFFFFF\"\n    },\n    accent: {\n        primary: \"#14b8a6\",\n        secondary: \"#2dd4bf\",\n        text: \"#FFFFFF\"\n    },\n    info: {\n        primary: \"#0ea5e9\",\n        secondary: \"#60a5fa\",\n        text: \"#FFFFFF\"\n    },\n    success: {\n        primary: \"#22c55e\",\n        secondary: \"#4ade80\",\n        text: \"#FFFFFF\"\n    },\n    warning: {\n        primary: \"#f59e0b\",\n        secondary: \"#fbbf24\",\n        text: \"#FFFFFF\"\n    },\n    danger: {\n        primary: \"#ef4444\",\n        secondary: \"#f87171\",\n        text: \"#FFFFFF\"\n    },\n}\n\nexport const ThemeTypography: ThemeTypographyType = {\n    fontFamily: '\"Inter\",sans-serif,\"Helvetica\",\"Arial\"',\n    h1: {\n        fontSize: 47.78,\n        lineHeight: 1.3,\n        fontWeight: 400,\n    },\n    h2: {\n        fontSize: 39.81,\n        lineHeight: 1.35,\n        fontWeight: 400,\n    },\n    h3: {\n        fontSize: 33.18,\n        lineHeight: 1.4,\n        fontWeight: 400,\n    },\n    h4: {\n        fontSize: 27.65,\n        lineHeight: 1.45,\n        fontWeight: 400,\n    },\n    h5: {\n        fontSize: 27.65,\n        lineHeight: 1.5,\n        fontWeight: 400,\n    },\n    h6: {\n        fontSize: 23.04,\n        lineHeight: 1.55,\n        fontWeight: 400,\n    },\n    text: {\n        fontSize: 16,\n        lineHeight: 1.6,\n        fontWeight: 400,\n    },\n    button: {\n        fontSize: 13.33,\n        lineHeight: 1.6,\n        fontWeight: 500,\n    },\n    small: {\n        fontSize: 12.33,\n        lineHeight: 1.6,\n        fontWeight: 400,\n    }\n}\n\nexport const shadow = [\n    \"none\",\n    \"0px 2px 1px -1px rgba(0,0,0,0.2),0px 1px 1px 0px rgba(0,0,0,0.14),0px 1px 3px 0px rgba(0,0,0,0.12)\",\n    \"0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12)\",\n    \"0px 3px 3px -2px rgba(0,0,0,0.2),0px 3px 4px 0px rgba(0,0,0,0.14),0px 1px 8px 0px rgba(0,0,0,0.12)\",\n    \"0px 2px 4px -1px rgba(0,0,0,0.2),0px 4px 5px 0px rgba(0,0,0,0.14),0px 1px 10px 0px rgba(0,0,0,0.12)\",\n    \"0px 3px 5px -1px rgba(0,0,0,0.2),0px 5px 8px 0px rgba(0,0,0,0.14),0px 1px 14px 0px rgba(0,0,0,0.12)\",\n    \"0px 3px 5px -1px rgba(0,0,0,0.2),0px 6px 10px 0px rgba(0,0,0,0.14),0px 1px 18px 0px rgba(0,0,0,0.12)\",\n    \"0px 4px 5px -2px rgba(0,0,0,0.2),0px 7px 10px 1px rgba(0,0,0,0.14),0px 2px 16px 1px rgba(0,0,0,0.12)\",\n    \"0px 5px 5px -3px rgba(0,0,0,0.2),0px 8px 10px 1px rgba(0,0,0,0.14),0px 3px 14px 2px rgba(0,0,0,0.12)\",\n    \"0px 5px 6px -3px rgba(0,0,0,0.2),0px 9px 12px 1px rgba(0,0,0,0.14),0px 3px 16px 2px rgba(0,0,0,0.12)\",\n    \"0px 6px 6px -3px rgba(0,0,0,0.2),0px 10px 14px 1px rgba(0,0,0,0.14),0px 4px 18px 3px rgba(0,0,0,0.12)\",\n    \"0px 6px 7px -4px rgba(0,0,0,0.2),0px 11px 15px 1px rgba(0,0,0,0.14),0px 4px 20px 3px rgba(0,0,0,0.12)\",\n    \"0px 7px 8px -4px rgba(0,0,0,0.2),0px 12px 17px 2px rgba(0,0,0,0.14),0px 5px 22px 4px rgba(0,0,0,0.12)\",\n    \"0px 7px 8px -4px rgba(0,0,0,0.2),0px 13px 19px 2px rgba(0,0,0,0.14),0px 5px 24px 4px rgba(0,0,0,0.12)\",\n    \"0px 7px 9px -4px rgba(0,0,0,0.2),0px 14px 21px 2px rgba(0,0,0,0.14),0px 5px 26px 4px rgba(0,0,0,0.12)\",\n    \"0px 8px 9px -5px rgba(0,0,0,0.2),0px 15px 22px 2px rgba(0,0,0,0.14),0px 6px 28px 5px rgba(0,0,0,0.12)\",\n    \"0px 8px 10px -5px rgba(0,0,0,0.2),0px 16px 24px 2px rgba(0,0,0,0.14),0px 6px 30px 5px rgba(0,0,0,0.12)\",\n    \"0px 8px 11px -5px rgba(0,0,0,0.2),0px 17px 26px 2px rgba(0,0,0,0.14),0px 6px 32px 5px rgba(0,0,0,0.12)\",\n    \"0px 9px 11px -5px rgba(0,0,0,0.2),0px 18px 28px 2px rgba(0,0,0,0.14),0px 7px 34px 6px rgba(0,0,0,0.12)\",\n    \"0px 9px 12px -6px rgba(0,0,0,0.2),0px 19px 29px 2px rgba(0,0,0,0.14),0px 7px 36px 6px rgba(0,0,0,0.12)\",\n    \"0px 10px 13px -6px rgba(0,0,0,0.2),0px 20px 31px 3px rgba(0,0,0,0.14),0px 8px 38px 7px rgba(0,0,0,0.12)\",\n    \"0px 10px 13px -6px rgba(0,0,0,0.2),0px 21px 33px 3px rgba(0,0,0,0.14),0px 8px 40px 7px rgba(0,0,0,0.12)\",\n    \"0px 10px 14px -6px rgba(0,0,0,0.2),0px 22px 35px 3px rgba(0,0,0,0.14),0px 8px 42px 7px rgba(0,0,0,0.12)\",\n    \"0px 11px 14px -7px rgba(0,0,0,0.2),0px 23px 36px 3px rgba(0,0,0,0.14),0px 9px 44px 8px rgba(0,0,0,0.12)\",\n    \"0px 11px 15px -7px rgba(0,0,0,0.2),0px 24px 38px 3px rgba(0,0,0,0.14),0px 9px 46px 8px rgba(0,0,0,0.12)\",\n]\n\nexport default {\n    name: \"light\",\n    rtl: false,\n    shadow,\n    globalStyle: {},\n    colors: ThemeColors,\n    typography: ThemeTypography,\n    interfaces: {}\n} as ThemeOptionInput\n"],"names":[],"mappings":"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"}

package/theme/ThemeProvider.d.ts

@@ -1,6 +1,7 @@
-import * as React from "react";
-import { TagComponentType, TagProps } from "../Tag/types";
-export type ThemeProviderProps<T extends TagComponentType = 'div'> = TagProps<T> & {
+import * as React from 'react';
+import { TagComponentType, TagProps } from '../Tag/types.js';
+
+type ThemeProviderProps<T extends TagComponentType = 'div'> = TagProps<T> & {
     theme: string;
     resetCss?: boolean;
     scrollbarCss?: boolean;
@@ -8,4 +9,6 @@ export type ThemeProviderProps<T extends TagComponentType = 'div'> = TagProps<T>
     renderIsRoot?: React.ReactElement;
 };
 declare const ThemeProvider: ({ children, theme, resetCss, scrollbarCss, isRootProvider, renderIsRoot, ...props }: ThemeProviderProps) => React.JSX.Element;
-export default ThemeProvider;
+
+export { ThemeProvider as default };
+export type { ThemeProviderProps };

package/theme/ThemeProvider.js

@@ -1,2 +1,88 @@
-import*as r from"react";import g from"../Tag";import{BreakpointProvider as d}from"../breakpoint";import{ThemeContex as y,ThemeFactory as c}from"./core";import f from"./ThemeCssVars";import{css as t}from"../css";const u=({children:l,theme:e,resetCss:a,scrollbarCss:n,isRootProvider:h,renderIsRoot:m,...p})=>{const o=c.get(e);if(!o)throw new Error(`Invalid theme name provided: ${e}`);return a??(a=!0),n??(n=!0),r.useMemo(()=>{if(Object.keys(o.globalStyle).length&&t({"@global":o.globalStyle}),t({"@global":{[`.xui-${e}-theme-root`]:f(o)}}),n&&typeof document<"u"){let s=10,i=o.colors.divider,b=o.colors.background.secondary;t({"@global":{"*":{scrollbarWidth:"thin",scrollbarColor:`${i} ${b}`},"::-webkit-scrollbar":{width:s,height:s},"::-webkit-scrollbar-thumb":{backgroundColor:i,borderRadius:"5px",border:"2px solid #f4f4f4"},"::-webkit-scrollbar-thumb:hover":{backgroundColor:i},"::-webkit-scrollbar-track":{backgroundColor:b,borderRadius:"5px"}}})}a&&t({"@global":{"*":{m:0,p:0,outline:"none",boxSizing:"border-box",verticalAlign:"baseline"},"html, body":{minHeight:"100%","-webkit-font-smoothing":"antialiased"},"img, picture, video, canvas, svg":{maxWidth:"100%",display:"block"},"input, button, textarea, select":{font:"inherit"},table:{borderCollapse:"collapse",borderSpacing:0},"ol, ul":{listStyle:"none"},a:{display:"inline-block"},"p, h1, h2, h3, h4, h5, h6":{overflowWrap:"break-word"}}})},[e]),r.createElement(y.Provider,{value:e},h?r.createElement(d,null,r.createElement(g,{minHeight:"100%",bgcolor:o.colors.background.primary,fontFamily:o.typography.fontFamily,fontSize:o.typography.text.fontSize,fontWeight:o.typography.text.fontWeight,lineHeight:o.typography.text.lineHeight,...p,baseClass:`${e}-theme-root`,direction:o.rtl?"rtl":"ltr"},l,m)):r.createElement(g,{minHeight:"100%",bgcolor:o.colors.background.primary,fontFamily:o.typography.fontFamily,fontSize:o.typography.text.fontSize,fontWeight:o.typography.text.fontWeight,lineHeight:o.typography.text.lineHeight,...p,baseClass:`${e}-theme-root`,direction:o.rtl?"rtl":"ltr"},l))};var z=u;export{z as default};
-//# sourceMappingURL=ThemeProvider.js.map
+'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) => {
+    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)
+        throw new Error(`Invalid theme name provided: ${theme}`);
+    resetCss !== null && resetCss !== void 0 ? resetCss : (resetCss = true);
+    scrollbarCss !== null && scrollbarCss !== void 0 ? scrollbarCss : (scrollbarCss = true);
+    React__namespace.useMemo(() => {
+        if (!!Object.keys(THEME.globalStyle).length) {
+            index.css({
+                "@global": THEME.globalStyle
+            });
+        }
+        index.css({
+            "@global": {
+                [`.xui-${theme}-theme-root`]: ThemeCssVars(THEME)
+            }
+        });
+        if (scrollbarCss && typeof document !== 'undefined') {
+            let thumbSize = 10;
+            let thumbColor = THEME.colors.divider;
+            let trackColor = THEME.colors.background.secondary;
+            index.css({
+                "@global": {
+                    "*": {
+                        scrollbarWidth: "thin",
+                        scrollbarColor: `${thumbColor} ${trackColor}`,
+                    },
+                    "::-webkit-scrollbar": {
+                        width: thumbSize,
+                        height: thumbSize,
+                    },
+                    "::-webkit-scrollbar-thumb": {
+                        backgroundColor: thumbColor,
+                        borderRadius: "5px",
+                        border: "2px solid #f4f4f4",
+                    },
+                    "::-webkit-scrollbar-thumb:hover": {
+                        backgroundColor: thumbColor,
+                    },
+                    "::-webkit-scrollbar-track": {
+                        backgroundColor: trackColor,
+                        borderRadius: "5px",
+                    },
+                }
+            });
+        }
+        resetCss && index.css({
+            "@global": {
+                "*": {
+                    m: 0,
+                    p: 0,
+                    outline: "none",
+                    boxSizing: "border-box",
+                    verticalAlign: "baseline",
+                },
+                "html, body": {
+                    minHeight: "100%",
+                    "-webkit-font-smoothing": "antialiased"
+                },
+                "img, picture, video, canvas, svg": {
+                    maxWidth: "100%",
+                    display: "block"
+                },
+                "input, button, textarea, select": {
+                    font: "inherit"
+                },
+                "table": {
+                    borderCollapse: "collapse",
+                    borderSpacing: 0
+                },
+                "ol, ul": {
+                    listStyle: "none"
+                },
+                "a": {
+                    display: "inline-block"
+                },
+                "p, h1, h2, h3, h4, h5, h6": {
+                    overflowWrap: "break-word",
+                }
+            }
+        });
+    }, [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

package/theme/ThemeProvider.js.map

@@ -1,7 +1 @@
-{
-  "version": 3,
-  "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"],
-  "mappings": "AAAA,UAAYA,MAAW,QAEvB,OAAOC,MAAS,SAEhB,OAAS,sBAAAC,MAA0B,gBACnC,OAAS,eAAAC,EAAa,gBAAAC,MAAoB,SAC1C,OAAOC,MAAkB,iBACzB,OAAS,OAAAC,MAAW,SAUpB,MAAMC,EAAgB,CAAC,CAAE,SAAAC,EAAU,MAAAC,EAAO,SAAAC,EAAU,aAAAC,EAAc,eAAAC,EAAgB,aAAAC,EAAc,GAAGC,CAAM,IAA0B,CAChI,MAAMC,EAAQX,EAAa,IAAIK,CAAK,EACpC,GAAI,CAACM,EAAO,MAAM,IAAI,MAAM,gCAAgCN,CAAK,EAAE,EACnE,OAAAC,MAAa,IACbC,MAAiB,IAEjBX,EAAM,QAAQ,IAAM,CAajB,GAZM,OAAO,KAAKe,EAAM,WAAW,EAAE,QAClCT,EAAI,CACD,UAAWS,EAAM,WACpB,CAAC,EAGJT,EAAI,CACD,UAAW,CACR,CAAC,QAAQG,CAAK,aAAa,EAAGJ,EAAaU,CAAK,CACnD,CACH,CAAC,EAEGJ,GAAgB,OAAO,SAAa,IAAa,CAClD,IAAIK,EAAY,GACZC,EAAaF,EAAM,OAAO,QAC1BG,EAAaH,EAAM,OAAO,WAAW,UACzCT,EAAI,CACD,UAAW,CACR,IAAK,CACF,eAAgB,OAChB,eAAgB,GAAGW,CAAU,IAAIC,CAAU,EAC9C,EACA,sBAAuB,CACpB,MAAOF,EACP,OAAQA,CACX,EACA,4BAA6B,CAC1B,gBAAiBC,EACjB,aAAc,MACd,OAAQ,mBACX,EACA,kCAAmC,CAChC,gBAAiBA,CACpB,EACA,4BAA6B,CAC1B,gBAAiBC,EACjB,aAAc,KACjB,CACH,CACH,CAAC,CACJ,CAEAR,GAAYJ,EAAI,CACb,UAAW,CACR,IAAK,CACF,EAAG,EACH,EAAG,EACH,QAAS,OACT,UAAW,aACX,cAAe,UAClB,EACA,aAAc,CACX,UAAW,OACX,yBAA0B,aAC7B,EACA,mCAAoC,CACjC,SAAU,OACV,QAAS,OACZ,EACA,kCAAmC,CAChC,KAAM,SACT,EACA,MAAS,CACN,eAAgB,WAChB,cAAe,CAClB,EACA,SAAU,CACP,UAAW,MACd,EACA,EAAK,CACF,QAAS,cACZ,EACA,4BAA6B,CAC1B,aAAc,YACjB,CACH,CACH,CAAC,CACJ,EAAG,CAACG,CAAK,CAAC,EAGPT,EAAA,cAACG,EAAY,SAAZ,CAAqB,MAAOM,GAEvBG,EAAiBZ,EAAA,cAACE,EAAA,KACfF,EAAA,cAACC,EAAA,CACE,UAAU,OACV,QAASc,EAAM,OAAO,WAAW,QACjC,WAAYA,EAAM,WAAW,WAC7B,SAAUA,EAAM,WAAW,KAAK,SAChC,WAAYA,EAAM,WAAW,KAAK,WAClC,WAAYA,EAAM,WAAW,KAAK,WACjC,GAAGD,EACJ,UAAW,GAAGL,CAAK,cACnB,UAAWM,EAAM,IAAM,MAAQ,OAE9BP,EACAK,CACJ,CACH,EAAwBb,EAAA,cAACC,EAAA,CACtB,UAAU,OACV,QAASc,EAAM,OAAO,WAAW,QACjC,WAAYA,EAAM,WAAW,WAC7B,SAAUA,EAAM,WAAW,KAAK,SAChC,WAAYA,EAAM,WAAW,KAAK,WAClC,WAAYA,EAAM,WAAW,KAAK,WACjC,GAAGD,EACJ,UAAW,GAAGL,CAAK,cACnB,UAAWM,EAAM,IAAM,MAAQ,OAE9BP,CACJ,CAEN,CAEN,EAEA,IAAOW,EAAQZ",
-  "names": ["React", "Tag", "BreakpointProvider", "ThemeContex", "ThemeFactory", "ThemeCssVars", "css", "ThemeProvider", "children", "theme", "resetCss", "scrollbarCss", "isRootProvider", "renderIsRoot", "props", "THEME", "thumbSize", "thumbColor", "trackColor", "ThemeProvider_default"]
-}
+{"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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"}

package/theme/ThemeProvider.mjs

@@ -0,0 +1,88 @@
+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) => {
+    var { children, theme, resetCss, scrollbarCss, isRootProvider, renderIsRoot } = _a, props = __rest(_a, ["children", "theme", "resetCss", "scrollbarCss", "isRootProvider", "renderIsRoot"]);
+    const THEME = ThemeFactory.get(theme);
+    if (!THEME)
+        throw new Error(`Invalid theme name provided: ${theme}`);
+    resetCss !== null && resetCss !== void 0 ? resetCss : (resetCss = true);
+    scrollbarCss !== null && scrollbarCss !== void 0 ? scrollbarCss : (scrollbarCss = true);
+    React.useMemo(() => {
+        if (!!Object.keys(THEME.globalStyle).length) {
+            css({
+                "@global": THEME.globalStyle
+            });
+        }
+        css({
+            "@global": {
+                [`.xui-${theme}-theme-root`]: ThemeCssVars(THEME)
+            }
+        });
+        if (scrollbarCss && typeof document !== 'undefined') {
+            let thumbSize = 10;
+            let thumbColor = THEME.colors.divider;
+            let trackColor = THEME.colors.background.secondary;
+            css({
+                "@global": {
+                    "*": {
+                        scrollbarWidth: "thin",
+                        scrollbarColor: `${thumbColor} ${trackColor}`,
+                    },
+                    "::-webkit-scrollbar": {
+                        width: thumbSize,
+                        height: thumbSize,
+                    },
+                    "::-webkit-scrollbar-thumb": {
+                        backgroundColor: thumbColor,
+                        borderRadius: "5px",
+                        border: "2px solid #f4f4f4",
+                    },
+                    "::-webkit-scrollbar-thumb:hover": {
+                        backgroundColor: thumbColor,
+                    },
+                    "::-webkit-scrollbar-track": {
+                        backgroundColor: trackColor,
+                        borderRadius: "5px",
+                    },
+                }
+            });
+        }
+        resetCss && css({
+            "@global": {
+                "*": {
+                    m: 0,
+                    p: 0,
+                    outline: "none",
+                    boxSizing: "border-box",
+                    verticalAlign: "baseline",
+                },
+                "html, body": {
+                    minHeight: "100%",
+                    "-webkit-font-smoothing": "antialiased"
+                },
+                "img, picture, video, canvas, svg": {
+                    maxWidth: "100%",
+                    display: "block"
+                },
+                "input, button, textarea, select": {
+                    font: "inherit"
+                },
+                "table": {
+                    borderCollapse: "collapse",
+                    borderSpacing: 0
+                },
+                "ol, ul": {
+                    listStyle: "none"
+                },
+                "a": {
+                    display: "inline-block"
+                },
+                "p, h1, h2, h3, h4, h5, h6": {
+                    overflowWrap: "break-word",
+                }
+            }
+        });
+    }, [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)));
+};export{ThemeProvider as default};//# sourceMappingURL=ThemeProvider.mjs.map

package/theme/ThemeProvider.mjs.map

@@ -0,0 +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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"}

package/theme/core.d.ts

@@ -1,7 +1,6 @@
-import React from "react";
-import { ObjectType, ThemeOptions } from "./types";
-export declare const ThemeFactory: Map<string, ThemeOptions>;
-export declare const ThemeContex: React.Context<string>;
-export declare const getTheme: (theme: string) => ThemeOptions | undefined;
-export declare const useTheme: () => ThemeOptions;
-export declare const mergeObject: (a: ObjectType, b: ObjectType) => ObjectType;
+import { ThemeOptions } from './types.js';
+
+declare const getTheme: (theme: string) => ThemeOptions | undefined;
+declare const useTheme: () => ThemeOptions;
+
+export { getTheme, useTheme };

package/theme/core.js

@@ -1,2 +1,18 @@
-import r from"react";const s=new Map,c=r.createContext("light"),h=e=>s.get(e),x=()=>s.get(r.useContext(c)),p=(e,t)=>{e={...e},t={...t};for(const o in t){const n=t[o];typeof n=="object"&&!Array.isArray(n)&&!r.isValidElement(n)?e[o]=p(e[o],t[o]):e[o]=n}return e};export{c as ThemeContex,s as ThemeFactory,h as getTheme,p as mergeObject,x as useTheme};
-//# sourceMappingURL=core.js.map
+'use strict';Object.defineProperty(exports,'__esModule',{value:true});var React=require('react');const ThemeFactory = new Map();
+const ThemeContex = React.createContext("light");
+const getTheme = (theme) => ThemeFactory.get(theme);
+const useTheme = () => ThemeFactory.get(React.useContext(ThemeContex));
+const mergeObject = (a, b) => {
+    a = Object.assign({}, a);
+    b = Object.assign({}, b);
+    for (const key in b) {
+        const v = b[key];
+        if (typeof v === 'object' && !Array.isArray(v) && !React.isValidElement(v)) {
+            a[key] = mergeObject(a[key], b[key]);
+        }
+        else {
+            a[key] = v;
+        }
+    }
+    return a;
+};exports.ThemeContex=ThemeContex;exports.ThemeFactory=ThemeFactory;exports.getTheme=getTheme;exports.mergeObject=mergeObject;exports.useTheme=useTheme;//# sourceMappingURL=core.js.map

package/theme/core.js.map

@@ -1,7 +1 @@
-{
-  "version": 3,
-  "sources": ["../../src/theme/core.ts"],
-  "sourcesContent": ["import React from \"react\"\nimport { ObjectType, ThemeOptions } from \"./types\"\n\nexport const ThemeFactory = new Map<string, ThemeOptions>()\nexport const ThemeContex = React.createContext(\"light\")\nexport const getTheme = (theme: string) => ThemeFactory.get(theme)\nexport const useTheme = (): ThemeOptions => ThemeFactory.get(React.useContext(ThemeContex)) as any\n\nexport const mergeObject = (a: ObjectType, b: ObjectType) => {\n   a = { ...a }\n   b = { ...b }\n   for (const key in b) {\n      const v = (b as any)[key]\n      if (typeof v === 'object' && !Array.isArray(v) && !React.isValidElement(v)) {\n         a[key] = mergeObject(a[key], b[key])\n      } else {\n         a[key] = v\n      }\n   }\n   return a\n}\n"],
-  "mappings": "AAAA,OAAOA,MAAW,QAGX,MAAMC,EAAe,IAAI,IACnBC,EAAcF,EAAM,cAAc,OAAO,EACzCG,EAAYC,GAAkBH,EAAa,IAAIG,CAAK,EACpDC,EAAW,IAAoBJ,EAAa,IAAID,EAAM,WAAWE,CAAW,CAAC,EAE7EI,EAAc,CAACC,EAAeC,IAAkB,CAC1DD,EAAI,CAAE,GAAGA,CAAE,EACXC,EAAI,CAAE,GAAGA,CAAE,EACX,UAAWC,KAAOD,EAAG,CAClB,MAAME,EAAKF,EAAUC,CAAG,EACpB,OAAOC,GAAM,UAAY,CAAC,MAAM,QAAQA,CAAC,GAAK,CAACV,EAAM,eAAeU,CAAC,EACtEH,EAAEE,CAAG,EAAIH,EAAYC,EAAEE,CAAG,EAAGD,EAAEC,CAAG,CAAC,EAEnCF,EAAEE,CAAG,EAAIC,CAEf,CACA,OAAOH,CACV",
-  "names": ["React", "ThemeFactory", "ThemeContex", "getTheme", "theme", "useTheme", "mergeObject", "a", "b", "key", "v"]
-}
+{"version":3,"file":"core.js","sources":["../../src/theme/core.ts"],"sourcesContent":["import React from \"react\"\nimport { ObjectType, ThemeOptions } from \"./types\"\n\nexport const ThemeFactory = new Map<string, ThemeOptions>()\nexport const ThemeContex = React.createContext(\"light\")\nexport const getTheme = (theme: string) => ThemeFactory.get(theme)\nexport const useTheme = (): ThemeOptions => ThemeFactory.get(React.useContext(ThemeContex)) as any\n\nexport const mergeObject = (a: ObjectType, b: ObjectType) => {\n   a = { ...a }\n   b = { ...b }\n   for (const key in b) {\n      const v = (b as any)[key]\n      if (typeof v === 'object' && !Array.isArray(v) && !React.isValidElement(v)) {\n         a[key] = mergeObject(a[key], b[key])\n      } else {\n         a[key] = v\n      }\n   }\n   return a\n}\n"],"names":[],"mappings":"iGAGa,MAAA,YAAY,GAAG,IAAI,GAAG;AACtB,MAAA,WAAW,GAAG,KAAK,CAAC,aAAa,CAAC,OAAO;AAC/C,MAAM,QAAQ,GAAG,CAAC,KAAa,KAAK,YAAY,CAAC,GAAG,CAAC,KAAK;AACpD,MAAA,QAAQ,GAAG,MAAoB,YAAY,CAAC,GAAG,CAAC,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC;MAE7E,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;AACtC;AAAM,aAAA;AACJ,YAAA,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC;AACZ;AACH;AACD,IAAA,OAAO,CAAC;AACX"}

package/theme/core.mjs

@@ -0,0 +1,18 @@
+import React__default from'react';const ThemeFactory = new Map();
+const ThemeContex = React__default.createContext("light");
+const getTheme = (theme) => ThemeFactory.get(theme);
+const useTheme = () => ThemeFactory.get(React__default.useContext(ThemeContex));
+const mergeObject = (a, b) => {
+    a = Object.assign({}, a);
+    b = Object.assign({}, b);
+    for (const key in b) {
+        const v = b[key];
+        if (typeof v === 'object' && !Array.isArray(v) && !React__default.isValidElement(v)) {
+            a[key] = mergeObject(a[key], b[key]);
+        }
+        else {
+            a[key] = v;
+        }
+    }
+    return a;
+};export{ThemeContex,ThemeFactory,getTheme,mergeObject,useTheme};//# sourceMappingURL=core.mjs.map

package/theme/core.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"core.mjs","sources":["../../src/theme/core.ts"],"sourcesContent":["import React from \"react\"\nimport { ObjectType, ThemeOptions } from \"./types\"\n\nexport const ThemeFactory = new Map<string, ThemeOptions>()\nexport const ThemeContex = React.createContext(\"light\")\nexport const getTheme = (theme: string) => ThemeFactory.get(theme)\nexport const useTheme = (): ThemeOptions => ThemeFactory.get(React.useContext(ThemeContex)) as any\n\nexport const mergeObject = (a: ObjectType, b: ObjectType) => {\n   a = { ...a }\n   b = { ...b }\n   for (const key in b) {\n      const v = (b as any)[key]\n      if (typeof v === 'object' && !Array.isArray(v) && !React.isValidElement(v)) {\n         a[key] = mergeObject(a[key], b[key])\n      } else {\n         a[key] = v\n      }\n   }\n   return a\n}\n"],"names":["React"],"mappings":"kCAGa,MAAA,YAAY,GAAG,IAAI,GAAG;AACtB,MAAA,WAAW,GAAGA,cAAK,CAAC,aAAa,CAAC,OAAO;AAC/C,MAAM,QAAQ,GAAG,CAAC,KAAa,KAAK,YAAY,CAAC,GAAG,CAAC,KAAK;AACpD,MAAA,QAAQ,GAAG,MAAoB,YAAY,CAAC,GAAG,CAACA,cAAK,CAAC,UAAU,CAAC,WAAW,CAAC;MAE7E,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;AACtC;AAAM,aAAA;AACJ,YAAA,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC;AACZ;AACH;AACD,IAAA,OAAO,CAAC;AACX"}

package/theme/createColor.js

@@ -1,2 +1,46 @@
-import{alpha as l}from"../css";const b=(a,c)=>{let n=a.colors[c],{primary:o,secondary:t}=n,e=n.text||a.colors.text.primary,p=l(o,.1);const r=(i,s)=>c==="background"?i:s;return{alpha:p,template:{outline:{bgcolor:"transparent",color:r(e,o),border:1,borderColor:r("divider",l(o,.4)),hover:{color:r(e,o),borderColor:r("divider",l(o,.8))}},fill:{bgcolor:r(t,o),color:e,hover:{bgcolor:r(l(t,.6),t),color:e}},text:{bgcolor:"transparent",color:r(e,o),hover:{bgcolor:r(l(t,.6),l(o,.1)),color:r(e,o)}},alpha:{bgcolor:r(l(t,.5),l(o,.1)),color:r(e,o),hover:{bgcolor:r(l(t,.8),l(o,.15)),color:r(e,o)}}}}};var y=b;export{y as default};
-//# sourceMappingURL=createColor.js.map
+'use strict';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;
+    let _alpha = index.alpha(primary, .1);
+    const isBag = (a, b) => name === "background" ? a : b;
+    return {
+        alpha: _alpha,
+        template: {
+            outline: {
+                bgcolor: "transparent",
+                color: isBag(text, primary),
+                border: 1,
+                borderColor: isBag("divider", index.alpha(primary, .4)),
+                hover: {
+                    color: isBag(text, primary),
+                    borderColor: isBag("divider", index.alpha(primary, .8)),
+                }
+            },
+            fill: {
+                bgcolor: isBag(secondary, primary),
+                color: text,
+                hover: {
+                    bgcolor: isBag(index.alpha(secondary, .6), secondary),
+                    color: text,
+                }
+            },
+            text: {
+                bgcolor: "transparent",
+                color: isBag(text, primary),
+                hover: {
+                    bgcolor: isBag(index.alpha(secondary, .6), index.alpha(primary, .1)),
+                    color: isBag(text, primary),
+                }
+            },
+            alpha: {
+                bgcolor: isBag(index.alpha(secondary, .5), index.alpha(primary, .1)),
+                color: isBag(text, primary),
+                hover: {
+                    bgcolor: isBag(index.alpha(secondary, .8), index.alpha(primary, .15)),
+                    color: isBag(text, primary),
+                }
+            }
+        }
+    };
+};module.exports=createColor;//# sourceMappingURL=createColor.js.map

package/theme/createColor.js.map

@@ -1,7 +1 @@
-{
-  "version": 3,
-  "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"],
-  "mappings": "AACA,OAAS,SAAAA,MAAa,SAEtB,MAAMC,EAAc,CAACC,EAAqBC,IAA2B,CAClE,IAAIC,EAAQF,EAAM,OAAOC,CAAI,EACzB,CAAE,QAAAE,EAAS,UAAAC,CAAU,EAAIF,EACzBG,EAAQH,EAAc,MAAQF,EAAM,OAAO,KAAK,QAChDM,EAASR,EAAMK,EAAS,EAAE,EAE9B,MAAMI,EAAQ,CAACC,EAAQC,IAAWR,IAAS,aAAeO,EAAIC,EAE9D,MAAO,CACJ,MAAOH,EACP,SAAU,CACP,QAAS,CACN,QAAS,cACT,MAAOC,EAAMF,EAAMF,CAAO,EAC1B,OAAQ,EACR,YAAaI,EAAM,UAAWT,EAAMK,EAAS,EAAE,CAAC,EAChD,MAAO,CACJ,MAAOI,EAAMF,EAAMF,CAAO,EAC1B,YAAaI,EAAM,UAAWT,EAAMK,EAAS,EAAE,CAAC,CACnD,CACH,EACA,KAAM,CACH,QAASI,EAAMH,EAAWD,CAAO,EACjC,MAAOE,EACP,MAAO,CACJ,QAASE,EAAMT,EAAMM,EAAW,EAAE,EAAGA,CAAS,EAC9C,MAAOC,CACV,CACH,EACA,KAAM,CACH,QAAS,cACT,MAAOE,EAAMF,EAAMF,CAAO,EAC1B,MAAO,CACJ,QAASI,EAAMT,EAAMM,EAAW,EAAE,EAAGN,EAAMK,EAAS,EAAE,CAAC,EACvD,MAAOI,EAAMF,EAAMF,CAAO,CAC7B,CACH,EACA,MAAO,CACJ,QAASI,EAAMT,EAAMM,EAAW,EAAE,EAAGN,EAAMK,EAAS,EAAE,CAAC,EACvD,MAAOI,EAAMF,EAAMF,CAAO,EAC1B,MAAO,CACJ,QAASI,EAAMT,EAAMM,EAAW,EAAE,EAAGN,EAAMK,EAAS,GAAG,CAAC,EACxD,MAAOI,EAAMF,EAAMF,CAAO,CAC7B,CACH,CACH,CACH,CACH,EAEA,IAAOO,EAAQX",
-  "names": ["alpha", "createColor", "theme", "name", "color", "primary", "secondary", "text", "_alpha", "isBag", "a", "b", "createColor_default"]
-}
+{"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"}

package/theme/createColor.mjs

@@ -0,0 +1,46 @@
+import {alpha}from'../css/index.mjs';const createColor = (theme, name) => {
+    let color = theme.colors[name];
+    let { primary, secondary } = color;
+    let text = color.text || theme.colors.text.primary;
+    let _alpha = alpha(primary, .1);
+    const isBag = (a, b) => name === "background" ? a : b;
+    return {
+        alpha: _alpha,
+        template: {
+            outline: {
+                bgcolor: "transparent",
+                color: isBag(text, primary),
+                border: 1,
+                borderColor: isBag("divider", alpha(primary, .4)),
+                hover: {
+                    color: isBag(text, primary),
+                    borderColor: isBag("divider", alpha(primary, .8)),
+                }
+            },
+            fill: {
+                bgcolor: isBag(secondary, primary),
+                color: text,
+                hover: {
+                    bgcolor: isBag(alpha(secondary, .6), secondary),
+                    color: text,
+                }
+            },
+            text: {
+                bgcolor: "transparent",
+                color: isBag(text, primary),
+                hover: {
+                    bgcolor: isBag(alpha(secondary, .6), alpha(primary, .1)),
+                    color: isBag(text, primary),
+                }
+            },
+            alpha: {
+                bgcolor: isBag(alpha(secondary, .5), alpha(primary, .1)),
+                color: isBag(text, primary),
+                hover: {
+                    bgcolor: isBag(alpha(secondary, .8), alpha(primary, .15)),
+                    color: isBag(text, primary),
+                }
+            }
+        }
+    };
+};export{createColor as default};//# sourceMappingURL=createColor.mjs.map