@xanui/core 1.0.14 → 1.0.16

package/cjs/css/getProps.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/css/getProps.ts"],
-  "sourcesContent": ["import { CSSProps } from \"./types\";\n\nconst getProps = (prop: string, value: string, _css: CSSProps) => {\n    let important;\n    if (typeof value === 'string') {\n        const split = value.split(\"!\")\n        important = split[1] ? \"!important\" : \"\"\n        value = split[0]\n    }\n\n    if (prop === 'disabled') {\n        if ((value as any) === true) {\n            return {\n                pointerEvents: \"none!important\",\n                cursor: \"default!important\",\n                userSelect: \"none!important\",\n                opacity: \".8!important\"\n            } as any\n        }\n        return {}\n    }\n\n    if (value && typeof value === \"number\" && [\"border\", \"borderRight\", \"borderLeft\", \"borderTop\", \"borderBottom\"].includes(prop as any)) {\n        const keys = Object.keys(_css)\n        let p: any = {\n            [`${prop}Width`]: value + 'px' + (important || \"\"),\n        }\n        if (!keys.includes(`${prop}Color`)) {\n            p[`${prop}Color`] = \"divider\"\n        }\n        if (!keys.includes(`${prop}Style`)) {\n            p[`${prop}Style`] = \"solid\"\n        }\n        return p\n    }\n}\n\nexport default getProps"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GAEA,MAAMI,EAAW,CAACC,EAAcC,EAAeC,IAAmB,CAC9D,IAAIC,EACJ,GAAI,OAAOF,GAAU,SAAU,CAC3B,MAAMG,EAAQH,EAAM,MAAM,GAAG,EAC7BE,EAAYC,EAAM,CAAC,EAAI,aAAe,GACtCH,EAAQG,EAAM,CAAC,CACnB,CAEA,GAAIJ,IAAS,WACT,OAAKC,IAAkB,GACZ,CACH,cAAe,iBACf,OAAQ,oBACR,WAAY,iBACZ,QAAS,cACb,EAEG,CAAC,EAGZ,GAAIA,GAAS,OAAOA,GAAU,UAAY,CAAC,SAAU,cAAe,aAAc,YAAa,cAAc,EAAE,SAASD,CAAW,EAAG,CAClI,MAAMK,EAAO,OAAO,KAAKH,CAAI,EAC7B,IAAII,EAAS,CACT,CAAC,GAAGN,CAAI,OAAO,EAAGC,EAAQ,MAAQE,GAAa,GACnD,EACA,OAAKE,EAAK,SAAS,GAAGL,CAAI,OAAO,IAC7BM,EAAE,GAAGN,CAAI,OAAO,EAAI,WAEnBK,EAAK,SAAS,GAAGL,CAAI,OAAO,IAC7BM,EAAE,GAAGN,CAAI,OAAO,EAAI,SAEjBM,CACX,CACJ,EAEA,IAAOT,EAAQE",
+  "sourcesContent": ["import { CSSProps } from \"./types\";\r\n\r\nconst getProps = (prop: string, value: string, _css: CSSProps) => {\r\n    let important;\r\n    if (typeof value === 'string') {\r\n        const split = value.split(\"!\")\r\n        important = split[1] ? \"!important\" : \"\"\r\n        value = split[0]\r\n    }\r\n\r\n    if (prop === 'disabled') {\r\n        if ((value as any) === true) {\r\n            return {\r\n                pointerEvents: \"none!important\",\r\n                cursor: \"default!important\",\r\n                userSelect: \"none!important\",\r\n                opacity: \".8!important\"\r\n            } as any\r\n        }\r\n        return {}\r\n    }\r\n\r\n    if (value && typeof value === \"number\" && [\"border\", \"borderRight\", \"borderLeft\", \"borderTop\", \"borderBottom\"].includes(prop as any)) {\r\n        const keys: any = Object.keys(_css)\r\n        let p: any = {\r\n            [`${prop}Width`]: value + 'px' + (important || \"\"),\r\n        }\r\n        if (!keys.includes(`${prop}Color`)) {\r\n            p[`${prop}Color`] = \"divider\"\r\n        }\r\n        if (!keys.includes(`${prop}Style`)) {\r\n            p[`${prop}Style`] = \"solid\"\r\n        }\r\n        return p\r\n    }\r\n}\r\n\r\nexport default getProps"],
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GAEA,MAAMI,EAAW,CAACC,EAAcC,EAAeC,IAAmB,CAC9D,IAAIC,EACJ,GAAI,OAAOF,GAAU,SAAU,CAC3B,MAAMG,EAAQH,EAAM,MAAM,GAAG,EAC7BE,EAAYC,EAAM,CAAC,EAAI,aAAe,GACtCH,EAAQG,EAAM,CAAC,CACnB,CAEA,GAAIJ,IAAS,WACT,OAAKC,IAAkB,GACZ,CACH,cAAe,iBACf,OAAQ,oBACR,WAAY,iBACZ,QAAS,cACb,EAEG,CAAC,EAGZ,GAAIA,GAAS,OAAOA,GAAU,UAAY,CAAC,SAAU,cAAe,aAAc,YAAa,cAAc,EAAE,SAASD,CAAW,EAAG,CAClI,MAAMK,EAAY,OAAO,KAAKH,CAAI,EAClC,IAAII,EAAS,CACT,CAAC,GAAGN,CAAI,OAAO,EAAGC,EAAQ,MAAQE,GAAa,GACnD,EACA,OAAKE,EAAK,SAAS,GAAGL,CAAI,OAAO,IAC7BM,EAAE,GAAGN,CAAI,OAAO,EAAI,WAEnBK,EAAK,SAAS,GAAGL,CAAI,OAAO,IAC7BM,EAAE,GAAGN,CAAI,OAAO,EAAI,SAEjBM,CACX,CACJ,EAEA,IAAOT,EAAQE",
   "names": ["getProps_exports", "__export", "getProps_default", "__toCommonJS", "getProps", "prop", "value", "_css", "important", "split", "keys", "p"]
 }

package/cjs/css/getValue.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/css/getValue.ts"],
-  "sourcesContent": ["import { CSSProps } from \"./types\"\n\nconst getColor = (color: string) => {\n    return {\n        [`${color}`]: `var(--color-${color}-primary)`,\n        [`${color}.primary`]: `var(--color-${color}-primary)`,\n        [`${color}.secondary`]: `var(--color-${color}-secondary)`,\n        [`${color}.text`]: `var(--color-${color}-text)`,\n        [`${color}.alpha`]: `var(--color-${color}-alpha)`\n    }\n}\n\nconst withImportant = (important: any, value: any) => important ? value + important : value\nconst colors: any = {\n    \"text\": `var(--color-text-primary)`,\n    \"text.primary\": `var(--color-text-primary)`,\n    \"text.secondary\": `var(--color-text-secondary)`,\n\n    \"background\": `var(--color-background-primary)`,\n    \"background.primary\": `var(--color-background-primary)`,\n    \"background.secondary\": `var(--color-background-secondary)`,\n    \"background.alpha\": `var(--color-background-alpha)`,\n    \"divider\": `var(--color-divider)`,\n\n    ...getColor(\"brand\"),\n    ...getColor(\"accent\"),\n    ...getColor(\"info\"),\n    ...getColor(\"success\"),\n    ...getColor(\"warning\"),\n    ...getColor(\"danger\"),\n}\n\nconst breakpoints: any = {\n    \"xs\": \"var(--bp-xs)\",\n    \"sm\": \"var(--bp-sm)\",\n    \"md\": \"var(--bp-md)\",\n    \"lg\": \"var(--bp-lg)\",\n    \"xl\": \"var(--bp-xl)\"\n}\n\nlet fontsizes: any = {\n    \"h1\": \"var(--fontsize-h1)\",\n    \"h2\": \"var(--fontsize-h2)\",\n    \"h3\": \"var(--fontsize-h3)\",\n    \"h4\": \"var(--fontsize-h4)\",\n    \"h5\": \"var(--fontsize-h5)\",\n    \"h6\": \"var(--fontsize-h6)\",\n    \"text\": \"var(--fontsize-text)\",\n    \"button\": \"var(--fontsize-button)\",\n    \"small\": \"var(--fontsize-small)\"\n}\n\nlet lineHeights: any = {\n    \"h1\": \"var(--lineheight-h1)\",\n    \"h2\": \"var(--lineheight-h2)\",\n    \"h3\": \"var(--lineheight-h3)\",\n    \"h4\": \"var(--lineheight-h4)\",\n    \"h5\": \"var(--lineheight-h5)\",\n    \"h6\": \"var(--lineheight-h6)\",\n    \"text\": \"var(--lineheight-text)\",\n    \"button\": \"var(--lineheight-button)\",\n    \"small\": \"var(--lineheight-small)\"\n}\n\nlet fontWeights: any = {\n    \"h1\": \"var(--fontweight-h1)\",\n    \"h2\": \"var(--fontweight-h2)\",\n    \"h3\": \"var(--fontweight-h3)\",\n    \"h4\": \"var(--fontweight-h4)\",\n    \"h5\": \"var(--fontweight-h5)\",\n    \"h6\": \"var(--fontweight-h6)\",\n    \"text\": \"var(--fontweight-text)\",\n    \"button\": \"var(--fontweight-button)\",\n    \"small\": \"var(--fontweight-small)\"\n}\n\nlet font: any = {\n    \"h1\": \"var(--font-h1)\",\n    \"h2\": \"var(--font-h2)\",\n    \"h3\": \"var(--font-h3)\",\n    \"h4\": \"var(--font-h4)\",\n    \"h5\": \"var(--font-h5)\",\n    \"h6\": \"var(--font-h6)\",\n    \"text\": \"var(--font-text)\",\n    \"button\": \"var(--font-button)\",\n    \"small\": \"var(--font-small)\"\n}\n\nconst getValue = (prop: any, value: string | number, _css: CSSProps): any => {\n    let important;\n\n    if (typeof value === 'string') {\n        const split = value.split(\"!\")\n        important = split[1] ? \"!important\" : \"\"\n        value = split[0]\n    }\n\n    if (['width', 'maxWidth', 'minWidth', 'max-width', 'min-width'].includes(prop)) {\n        return withImportant(important, breakpoints[value] || value)\n    } else if (['fontFamily', 'font-family'].includes(prop) && value === 'default') {\n        return withImportant(important, \"var(--font-family)\")\n    } if (prop === 'font' && typeof value === \"string\" && ['h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'text', 'button', 'small'].includes(value)) {\n        return withImportant(important, font[value] || value)\n    } if (['fontWeight', 'font-weight'].includes(prop) && typeof value === 'string' && ['h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'text', 'button', 'small'].includes(value)) {\n        return withImportant(important, fontWeights[value] || value)\n    } else if (['lineHeight', 'line-height'].includes(prop) && typeof value === 'string' && ['h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'text', 'button', 'small'].includes(value)) {\n        return withImportant(important, lineHeights[value] || value)\n    } else if (['fontSize', 'font-size'].includes(prop) && typeof value === 'string') {\n        return withImportant(important, fontsizes[value] || value)\n    } else if (typeof value === \"number\" && [\"shadow\", \"boxShadow\"].includes(prop)) {\n        return withImportant(important, `var(--shadow-${value})`)\n    }\n\n    return withImportant(important, colors[value] || value)\n}\n\nexport default getValue"],
+  "sourcesContent": ["import { CSSProps } from \"./types\"\r\n\r\nconst getColor = (color: string) => {\r\n    return {\r\n        [`${color}`]: `var(--color-${color}-primary)`,\r\n        [`${color}.primary`]: `var(--color-${color}-primary)`,\r\n        [`${color}.secondary`]: `var(--color-${color}-secondary)`,\r\n        [`${color}.text`]: `var(--color-${color}-text)`,\r\n        [`${color}.alpha`]: `var(--color-${color}-alpha)`\r\n    }\r\n}\r\n\r\nconst withImportant = (important: any, value: any) => important ? value + important : value\r\nconst colors: any = {\r\n    \"text\": `var(--color-text-primary)`,\r\n    \"text.primary\": `var(--color-text-primary)`,\r\n    \"text.secondary\": `var(--color-text-secondary)`,\r\n\r\n    \"background\": `var(--color-background-primary)`,\r\n    \"background.primary\": `var(--color-background-primary)`,\r\n    \"background.secondary\": `var(--color-background-secondary)`,\r\n    \"background.alpha\": `var(--color-background-alpha)`,\r\n    \"divider\": `var(--color-divider)`,\r\n\r\n    ...getColor(\"brand\"),\r\n    ...getColor(\"accent\"),\r\n    ...getColor(\"info\"),\r\n    ...getColor(\"success\"),\r\n    ...getColor(\"warning\"),\r\n    ...getColor(\"danger\"),\r\n}\r\n\r\nconst breakpoints: any = {\r\n    \"xs\": \"var(--bp-xs)\",\r\n    \"sm\": \"var(--bp-sm)\",\r\n    \"md\": \"var(--bp-md)\",\r\n    \"lg\": \"var(--bp-lg)\",\r\n    \"xl\": \"var(--bp-xl)\"\r\n}\r\n\r\nlet fontsizes: any = {\r\n    \"h1\": \"var(--fontsize-h1)\",\r\n    \"h2\": \"var(--fontsize-h2)\",\r\n    \"h3\": \"var(--fontsize-h3)\",\r\n    \"h4\": \"var(--fontsize-h4)\",\r\n    \"h5\": \"var(--fontsize-h5)\",\r\n    \"h6\": \"var(--fontsize-h6)\",\r\n    \"text\": \"var(--fontsize-text)\",\r\n    \"button\": \"var(--fontsize-button)\",\r\n    \"small\": \"var(--fontsize-small)\"\r\n}\r\n\r\nlet lineHeights: any = {\r\n    \"h1\": \"var(--lineheight-h1)\",\r\n    \"h2\": \"var(--lineheight-h2)\",\r\n    \"h3\": \"var(--lineheight-h3)\",\r\n    \"h4\": \"var(--lineheight-h4)\",\r\n    \"h5\": \"var(--lineheight-h5)\",\r\n    \"h6\": \"var(--lineheight-h6)\",\r\n    \"text\": \"var(--lineheight-text)\",\r\n    \"button\": \"var(--lineheight-button)\",\r\n    \"small\": \"var(--lineheight-small)\"\r\n}\r\n\r\nlet fontWeights: any = {\r\n    \"h1\": \"var(--fontweight-h1)\",\r\n    \"h2\": \"var(--fontweight-h2)\",\r\n    \"h3\": \"var(--fontweight-h3)\",\r\n    \"h4\": \"var(--fontweight-h4)\",\r\n    \"h5\": \"var(--fontweight-h5)\",\r\n    \"h6\": \"var(--fontweight-h6)\",\r\n    \"text\": \"var(--fontweight-text)\",\r\n    \"button\": \"var(--fontweight-button)\",\r\n    \"small\": \"var(--fontweight-small)\"\r\n}\r\n\r\nlet font: any = {\r\n    \"h1\": \"var(--font-h1)\",\r\n    \"h2\": \"var(--font-h2)\",\r\n    \"h3\": \"var(--font-h3)\",\r\n    \"h4\": \"var(--font-h4)\",\r\n    \"h5\": \"var(--font-h5)\",\r\n    \"h6\": \"var(--font-h6)\",\r\n    \"text\": \"var(--font-text)\",\r\n    \"button\": \"var(--font-button)\",\r\n    \"small\": \"var(--font-small)\"\r\n}\r\n\r\nconst getValue = (prop: any, value: string | number, _css: CSSProps): any => {\r\n    let important;\r\n\r\n    if (typeof value === 'string') {\r\n        const split = value.split(\"!\")\r\n        important = split[1] ? \"!important\" : \"\"\r\n        value = split[0]\r\n    }\r\n\r\n    if (['width', 'maxWidth', 'minWidth', 'max-width', 'min-width'].includes(prop)) {\r\n        return withImportant(important, breakpoints[value] || value)\r\n    } else if (['fontFamily', 'font-family'].includes(prop) && value === 'default') {\r\n        return withImportant(important, \"var(--font-family)\")\r\n    } if (prop === 'font' && typeof value === \"string\" && ['h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'text', 'button', 'small'].includes(value)) {\r\n        return withImportant(important, font[value] || value)\r\n    } if (['fontWeight', 'font-weight'].includes(prop) && typeof value === 'string' && ['h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'text', 'button', 'small'].includes(value)) {\r\n        return withImportant(important, fontWeights[value] || value)\r\n    } else if (['lineHeight', 'line-height'].includes(prop) && typeof value === 'string' && ['h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'text', 'button', 'small'].includes(value)) {\r\n        return withImportant(important, lineHeights[value] || value)\r\n    } else if (['fontSize', 'font-size'].includes(prop) && typeof value === 'string') {\r\n        return withImportant(important, fontsizes[value] || value)\r\n    } else if (typeof value === \"number\" && [\"shadow\", \"boxShadow\"].includes(prop)) {\r\n        return withImportant(important, `var(--shadow-${value})`)\r\n    }\r\n\r\n    return withImportant(important, colors[value] || value)\r\n}\r\n\r\nexport default getValue"],
   "mappings": "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",
   "names": ["getValue_exports", "__export", "getValue_default", "__toCommonJS", "getColor", "color", "withImportant", "important", "value", "colors", "breakpoints", "fontsizes", "lineHeights", "fontWeights", "font", "getValue", "prop", "_css", "split"]
 }

package/cjs/css/index.js

@@ -1,2 +1,2 @@
-"use strict";var h=Object.create;var i=Object.defineProperty;var M=Object.getOwnPropertyDescriptor;var x=Object.getOwnPropertyNames;var y=Object.getPrototypeOf,P=Object.prototype.hasOwnProperty;var C=(t,r)=>{for(var e in r)i(t,e,{get:r[e],enumerable:!0})},g=(t,r,e,a)=>{if(r&&typeof r=="object"||typeof r=="function")for(let s of x(r))!P.call(t,s)&&s!==e&&i(t,s,{get:()=>r[s],enumerable:!(a=M(r,s))||a.enumerable});return t};var u=(t,r,e)=>(e=t!=null?h(y(t)):{},g(r||!t||!t.__esModule?i(e,"default",{value:t,enumerable:!0}):e,t)),d=t=>g(i({},"__esModule",{value:!0}),t);var V={};C(V,{adjustColor:()=>F,adjustTextContrast:()=>I,alpha:()=>O,breakpoints:()=>f,css:()=>b,getProps:()=>l.default,getValue:()=>p.default});module.exports=d(V);var p=u(require("./getValue")),l=u(require("./getProps")),S=u(require("./aliases")),c=require("oncss");const f={xs:0,sm:600,md:900,lg:1200,xl:1536},b=(t,r)=>{const e={...r,breakpoints:f,aliases:S.default,getValue:(a,s,n,m)=>{if(r?.getValue){let o=r?.getValue(a,s,n,m);if(o)return o}return(0,p.default)(a,s,n)},getProps:(a,s,n,m)=>{if(r?.getProps){let o=r?.getProps(a,s,n,m);if(o)return o}return(0,l.default)(a,s,n)}};return(0,c.css)(t,e)},F=(t,r)=>{t=t.replace(/^#/,"");let e=parseInt(t.slice(0,2),16),a=parseInt(t.slice(2,4),16),s=parseInt(t.slice(4,6),16);return e=Math.floor(e*r),a=Math.floor(a*r),s=Math.floor(s*r),e=Math.min(255,Math.max(0,e)),a=Math.min(255,Math.max(0,a)),s=Math.min(255,Math.max(0,s)),`#${e.toString(16).padStart(2,"0")}${a.toString(16).padStart(2,"0")}${s.toString(16).padStart(2,"0")}`},I=t=>{t=t.replace(/^#/,"");const r=parseInt(t.slice(0,2),16),e=parseInt(t.slice(2,4),16),a=parseInt(t.slice(4,6),16);return(.299*r+.587*e+.114*a)/255>.5?"#111111":"#FFFFFF"},O=(t,r=1)=>{if(typeof r!="number")return t;let e=r*100;if(!t.startsWith("#"))throw new Error("color must be hex");return(t+`0${Math.round(255/100*e).toString(16)}`.slice(-2)).toUpperCase()};
+"use strict";var h=Object.create;var i=Object.defineProperty;var M=Object.getOwnPropertyDescriptor;var x=Object.getOwnPropertyNames;var y=Object.getPrototypeOf,P=Object.prototype.hasOwnProperty;var C=(t,r)=>{for(var e in r)i(t,e,{get:r[e],enumerable:!0})},g=(t,r,e,a)=>{if(r&&typeof r=="object"||typeof r=="function")for(let s of x(r))!P.call(t,s)&&s!==e&&i(t,s,{get:()=>r[s],enumerable:!(a=M(r,s))||a.enumerable});return t};var u=(t,r,e)=>(e=t!=null?h(y(t)):{},g(r||!t||!t.__esModule?i(e,"default",{value:t,enumerable:!0}):e,t)),d=t=>g(i({},"__esModule",{value:!0}),t);var V={};C(V,{adjustColor:()=>F,adjustTextContrast:()=>I,alpha:()=>O,breakpoints:()=>f,css:()=>b,getProps:()=>l.default,getValue:()=>p.default});module.exports=d(V);var p=u(require("./getValue"),1),l=u(require("./getProps"),1),S=u(require("./aliases"),1),c=require("oncss");const f={xs:0,sm:600,md:900,lg:1200,xl:1536},b=(t,r)=>{const e={...r,breakpoints:f,aliases:S.default,getValue:(a,s,n,m)=>{if(r?.getValue){let o=r?.getValue(a,s,n,m);if(o)return o}return(0,p.default)(a,s,n)},getProps:(a,s,n,m)=>{if(r?.getProps){let o=r?.getProps(a,s,n,m);if(o)return o}return(0,l.default)(a,s,n)}};return(0,c.css)(t,e)},F=(t,r)=>{t=t.replace(/^#/,"");let e=parseInt(t.slice(0,2),16),a=parseInt(t.slice(2,4),16),s=parseInt(t.slice(4,6),16);return e=Math.floor(e*r),a=Math.floor(a*r),s=Math.floor(s*r),e=Math.min(255,Math.max(0,e)),a=Math.min(255,Math.max(0,a)),s=Math.min(255,Math.max(0,s)),`#${e.toString(16).padStart(2,"0")}${a.toString(16).padStart(2,"0")}${s.toString(16).padStart(2,"0")}`},I=t=>{t=t.replace(/^#/,"");const r=parseInt(t.slice(0,2),16),e=parseInt(t.slice(2,4),16),a=parseInt(t.slice(4,6),16);return(.299*r+.587*e+.114*a)/255>.5?"#111111":"#FFFFFF"},O=(t,r=1)=>{if(typeof r!="number")return t;let e=r*100;if(!t.startsWith("#"))throw new Error("color must be hex");return(t+`0${Math.round(255/100*e).toString(16)}`.slice(-2)).toUpperCase()};
 //# sourceMappingURL=index.js.map

package/cjs/css/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "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"],
-  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,iBAAAE,EAAA,uBAAAC,EAAA,UAAAC,EAAA,gBAAAC,EAAA,QAAAC,EAAA,eAAAC,QAAA,eAAAC,UAAA,eAAAC,EAAAT,GAAA,IAAAU,EAAqB,yBACrBC,EAAqB,yBACrBC,EAAoB,wBAEpBC,EAA4B,iBAOrB,MAAMR,EAAc,CACvB,GAAI,EACJ,GAAI,IACJ,GAAI,IACJ,GAAI,KACJ,GAAI,IACR,EAEaC,EAAM,CAACQ,EAAiBC,IAA6B,CAC9D,MAAMC,EAA6B,CAC/B,GAAGD,EACH,YAAAV,EACA,UAAAY,QACA,SAAU,CAACC,EAAQC,EAAQC,EAASC,IAAS,CACzC,GAAIN,GAAS,SAAU,CACnB,IAAIO,EAAOP,GAAS,SAASG,EAAGC,EAAGC,EAAIC,CAAI,EAC3C,GAAIC,EAAM,OAAOA,CACrB,CACA,SAAO,EAAAd,SAASU,EAAGC,EAAGC,CAAE,CAC5B,EACA,SAAU,CAACF,EAAQC,EAAQC,EAASC,IAAS,CACzC,GAAIN,GAAS,SAAU,CACnB,IAAIQ,EAAKR,GAAS,SAASG,EAAGC,EAAGC,EAAIC,CAAI,EACzC,GAAIE,EAAI,OAAOA,CACnB,CACA,SAAO,EAAAhB,SAASW,EAAGC,EAAGC,CAAE,CAC5B,CACJ,EACA,SAAO,EAAAI,KAA8BV,EAAOE,CAAU,CAC1D,EAEad,EAAc,CAACuB,EAAaC,IAAmB,CAExDD,EAAMA,EAAI,QAAQ,KAAM,EAAE,EAE1B,IAAIE,EAAI,SAASF,EAAI,MAAM,EAAG,CAAC,EAAG,EAAE,EAChCG,EAAI,SAASH,EAAI,MAAM,EAAG,CAAC,EAAG,EAAE,EAChCI,EAAI,SAASJ,EAAI,MAAM,EAAG,CAAC,EAAG,EAAE,EAEpC,OAAAE,EAAI,KAAK,MAAMA,EAAID,CAAM,EACzBE,EAAI,KAAK,MAAMA,EAAIF,CAAM,EACzBG,EAAI,KAAK,MAAMA,EAAIH,CAAM,EAEzBC,EAAI,KAAK,IAAI,IAAK,KAAK,IAAI,EAAGA,CAAC,CAAC,EAChCC,EAAI,KAAK,IAAI,IAAK,KAAK,IAAI,EAAGA,CAAC,CAAC,EAChCC,EAAI,KAAK,IAAI,IAAK,KAAK,IAAI,EAAGA,CAAC,CAAC,EAEzB,IAAIF,EAAE,SAAS,EAAE,EAAE,SAAS,EAAG,GAAG,CAAC,GAAGC,EAAE,SAAS,EAAE,EAAE,SAAS,EAAG,GAAG,CAAC,GAAGC,EAAE,SAAS,EAAE,EAAE,SAAS,EAAG,GAAG,CAAC,EAClH,EAEa1B,EAAsB2B,GAAkB,CACjDA,EAAQA,EAAM,QAAQ,KAAM,EAAE,EAC9B,MAAM,EAAI,SAASA,EAAM,MAAM,EAAG,CAAC,EAAG,EAAE,EAClCF,EAAI,SAASE,EAAM,MAAM,EAAG,CAAC,EAAG,EAAE,EAClCD,EAAI,SAASC,EAAM,MAAM,EAAG,CAAC,EAAG,EAAE,EAGxC,OADmB,KAAQ,EAAI,KAAQF,EAAI,KAAQC,GAAK,IACrC,GAAM,UAAY,SACzC,EAEazB,EAAQ,CAAC0B,EAAeC,EAAU,IAAM,CACjD,GAAI,OAAOA,GAAY,SAAU,OAAOD,EACxC,IAAIE,EAAWD,EAAU,IACzB,GAAI,CAACD,EAAM,WAAW,GAAG,EAAG,MAAM,IAAI,MAAM,mBAAmB,EAC/D,OAAQA,EAAS,IAAI,KAAK,MAAO,IAAM,IAAOE,CAAQ,EAAE,SAAS,EAAE,CAAC,GAAG,MAAM,EAAE,GAAI,YAAY,CACnG",
+  "sourcesContent": ["import getValue from \"./getValue\"\r\nimport getProps from \"./getProps\"\r\nimport aliases from \"./aliases\"\r\nimport { Aliases, BreakpointKeys, CSSOptionProps, CSSProps } from './types'\r\nimport { css as _css } from \"oncss\"\r\n\r\nexport {\r\n    getValue,\r\n    getProps\r\n}\r\n\r\nexport const breakpoints = {\r\n    xs: 0,\r\n    sm: 600,\r\n    md: 900,\r\n    lg: 1200,\r\n    xl: 1536\r\n}\r\n\r\nexport const css = (props: CSSProps, options?: CSSOptionProps) => {\r\n    const cssOptions: CSSOptionProps = {\r\n        ...options,\r\n        breakpoints,\r\n        aliases,\r\n        getValue: (p: any, v: any, _c: any, dept) => {\r\n            if (options?.getValue) {\r\n                let _val = options?.getValue(p, v, _c, dept)\r\n                if (_val) return _val\r\n            }\r\n            return getValue(p, v, _c)\r\n        },\r\n        getProps: (p: any, v: any, _c: any, dept) => {\r\n            if (options?.getProps) {\r\n                let _p = options?.getProps(p, v, _c, dept)\r\n                if (_p) return _p\r\n            }\r\n            return getProps(p, v, _c)\r\n        },\r\n    }\r\n    return _css<Aliases, BreakpointKeys>(props, cssOptions)\r\n}\r\n\r\nexport const adjustColor = (hex: string, factor: number) => {\r\n\r\n    hex = hex.replace(/^#/, '')\r\n\r\n    let r = parseInt(hex.slice(0, 2), 16)\r\n    let g = parseInt(hex.slice(2, 4), 16)\r\n    let b = parseInt(hex.slice(4, 6), 16)\r\n\r\n    r = Math.floor(r * factor)\r\n    g = Math.floor(g * factor)\r\n    b = Math.floor(b * factor)\r\n\r\n    r = Math.min(255, Math.max(0, r))\r\n    g = Math.min(255, Math.max(0, g))\r\n    b = Math.min(255, Math.max(0, b))\r\n\r\n    return `#${r.toString(16).padStart(2, '0')}${g.toString(16).padStart(2, '0')}${b.toString(16).padStart(2, '0')}`;\r\n}\r\n\r\nexport const adjustTextContrast = (color: string) => {\r\n    color = color.replace(/^#/, '')\r\n    const r = parseInt(color.slice(0, 2), 16);\r\n    const g = parseInt(color.slice(2, 4), 16);\r\n    const b = parseInt(color.slice(4, 6), 16);\r\n\r\n    const luminance = (0.299 * r + 0.587 * g + 0.114 * b) / 255;\r\n    return luminance > 0.5 ? '#111111' : '#FFFFFF';\r\n}\r\n\r\nexport const alpha = (color: string, opacity = 1) => {\r\n    if (typeof opacity !== 'number') return color\r\n    let _opacity = opacity * 100\r\n    if (!color.startsWith(\"#\")) throw new Error(`color must be hex`)\r\n    return (color + (`0${Math.round((255 / 100) * _opacity).toString(16)}`.slice(-2))).toUpperCase();\r\n};\r\n\r\n"],
+  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,iBAAAE,EAAA,uBAAAC,EAAA,UAAAC,EAAA,gBAAAC,EAAA,QAAAC,EAAA,eAAAC,QAAA,eAAAC,UAAA,eAAAC,EAAAT,GAAA,IAAAU,EAAqB,2BACrBC,EAAqB,2BACrBC,EAAoB,0BAEpBC,EAA4B,iBAOrB,MAAMR,EAAc,CACvB,GAAI,EACJ,GAAI,IACJ,GAAI,IACJ,GAAI,KACJ,GAAI,IACR,EAEaC,EAAM,CAACQ,EAAiBC,IAA6B,CAC9D,MAAMC,EAA6B,CAC/B,GAAGD,EACH,YAAAV,EACA,UAAAY,QACA,SAAU,CAACC,EAAQC,EAAQC,EAASC,IAAS,CACzC,GAAIN,GAAS,SAAU,CACnB,IAAIO,EAAOP,GAAS,SAASG,EAAGC,EAAGC,EAAIC,CAAI,EAC3C,GAAIC,EAAM,OAAOA,CACrB,CACA,SAAO,EAAAd,SAASU,EAAGC,EAAGC,CAAE,CAC5B,EACA,SAAU,CAACF,EAAQC,EAAQC,EAASC,IAAS,CACzC,GAAIN,GAAS,SAAU,CACnB,IAAIQ,EAAKR,GAAS,SAASG,EAAGC,EAAGC,EAAIC,CAAI,EACzC,GAAIE,EAAI,OAAOA,CACnB,CACA,SAAO,EAAAhB,SAASW,EAAGC,EAAGC,CAAE,CAC5B,CACJ,EACA,SAAO,EAAAI,KAA8BV,EAAOE,CAAU,CAC1D,EAEad,EAAc,CAACuB,EAAaC,IAAmB,CAExDD,EAAMA,EAAI,QAAQ,KAAM,EAAE,EAE1B,IAAIE,EAAI,SAASF,EAAI,MAAM,EAAG,CAAC,EAAG,EAAE,EAChCG,EAAI,SAASH,EAAI,MAAM,EAAG,CAAC,EAAG,EAAE,EAChCI,EAAI,SAASJ,EAAI,MAAM,EAAG,CAAC,EAAG,EAAE,EAEpC,OAAAE,EAAI,KAAK,MAAMA,EAAID,CAAM,EACzBE,EAAI,KAAK,MAAMA,EAAIF,CAAM,EACzBG,EAAI,KAAK,MAAMA,EAAIH,CAAM,EAEzBC,EAAI,KAAK,IAAI,IAAK,KAAK,IAAI,EAAGA,CAAC,CAAC,EAChCC,EAAI,KAAK,IAAI,IAAK,KAAK,IAAI,EAAGA,CAAC,CAAC,EAChCC,EAAI,KAAK,IAAI,IAAK,KAAK,IAAI,EAAGA,CAAC,CAAC,EAEzB,IAAIF,EAAE,SAAS,EAAE,EAAE,SAAS,EAAG,GAAG,CAAC,GAAGC,EAAE,SAAS,EAAE,EAAE,SAAS,EAAG,GAAG,CAAC,GAAGC,EAAE,SAAS,EAAE,EAAE,SAAS,EAAG,GAAG,CAAC,EAClH,EAEa1B,EAAsB2B,GAAkB,CACjDA,EAAQA,EAAM,QAAQ,KAAM,EAAE,EAC9B,MAAM,EAAI,SAASA,EAAM,MAAM,EAAG,CAAC,EAAG,EAAE,EAClCF,EAAI,SAASE,EAAM,MAAM,EAAG,CAAC,EAAG,EAAE,EAClCD,EAAI,SAASC,EAAM,MAAM,EAAG,CAAC,EAAG,EAAE,EAGxC,OADmB,KAAQ,EAAI,KAAQF,EAAI,KAAQC,GAAK,IACrC,GAAM,UAAY,SACzC,EAEazB,EAAQ,CAAC0B,EAAeC,EAAU,IAAM,CACjD,GAAI,OAAOA,GAAY,SAAU,OAAOD,EACxC,IAAIE,EAAWD,EAAU,IACzB,GAAI,CAACD,EAAM,WAAW,GAAG,EAAG,MAAM,IAAI,MAAM,mBAAmB,EAC/D,OAAQA,EAAS,IAAI,KAAK,MAAO,IAAM,IAAOE,CAAQ,EAAE,SAAS,EAAE,CAAC,GAAG,MAAM,EAAE,GAAI,YAAY,CACnG",
   "names": ["css_exports", "__export", "adjustColor", "adjustTextContrast", "alpha", "breakpoints", "css", "getProps", "getValue", "__toCommonJS", "import_getValue", "import_getProps", "import_aliases", "import_oncss", "props", "options", "cssOptions", "aliases", "p", "v", "_c", "dept", "_val", "_p", "_css", "hex", "factor", "r", "g", "b", "color", "opacity", "_opacity"]
 }

package/cjs/css/types.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/css/types.ts"],
-  "sourcesContent": ["import * as CSS from 'csstype'\nimport { ColorsRefTypes, TypographyRefTypes, ThemeOptions, } from '../theme/types';\nimport * as oncss from 'oncss'\nexport type FN = (theme: ThemeOptions) => string | number\nexport type CSSBreakpointType = { [key in BreakpointKeys]: string | number }\nexport type CSSValueType<T extends keyof CSS.Properties> = CSS.Properties[T] | Partial<CSSBreakpointType> | number\n\nexport type Aliases = {\n    bgcolor?: CSSValueType<'background'> | ColorsRefTypes;\n    bgimage?: CSSValueType<'backgroundImage'>;\n    bg?: CSSValueType<'background'> | ColorsRefTypes;\n    p?: CSSValueType<'padding'>;\n    pt?: CSSValueType<'padding'>;\n    pr?: CSSValueType<'padding'>;\n    pb?: CSSValueType<'padding'>;\n    pl?: CSSValueType<'padding'>;\n    px?: CSSValueType<'padding'>;\n    py?: CSSValueType<'margin'>;\n    m?: CSSValueType<'margin'>;\n    mt?: CSSValueType<'margin'>;\n    mr?: CSSValueType<'margin'>;\n    mb?: CSSValueType<'margin'>;\n    ml?: CSSValueType<'margin'>;\n    mx?: CSSValueType<'margin'>;\n    my?: CSSValueType<'margin'>;\n    size?: CSSValueType<'width'>;\n    spacing?: Partial<CSSBreakpointType> | number;\n\n    radius?: CSSValueType<'borderRadius'> | number;\n    borderRadius?: CSSValueType<'borderRadius'> | number;\n    shadow?: CSSValueType<'boxShadow'> | number;\n    flexBox?: boolean;\n    flexRow?: boolean;\n    flexColumn?: boolean;\n    flexWraped?: boolean;\n    direction?: \"row\" | \"column\" | CSSValueType<'direction'>;\n    gap?: CSSValueType<'gap'>;\n\n    color?: CSSValueType<'color'> | ColorsRefTypes;\n    width?: CSSValueType<'width'> | BreakpointKeys;\n    height?: CSSValueType<'height'>\n    borderColor?: CSSValueType<'backgroundColor'> | ColorsRefTypes;\n\n    fontFamily?: CSSValueType<\"fontFamily\"> | \"default\";\n    fontSize?: CSSValueType<\"fontSize\"> | TypographyRefTypes;\n    minWidth?: CSSValueType<\"minWidth\"> | BreakpointKeys;\n    maxWidth?: CSSValueType<\"maxWidth\"> | BreakpointKeys;\n    minHeight?: CSSValueType<\"minHeight\">\n    maxHeight?: CSSValueType<\"maxHeight\">\n}\n\n\nexport type BreakpointKeys = \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\"\n\nexport type CSSProps = oncss.CSSProps<Aliases, BreakpointKeys>\nexport type CSSOptionProps = oncss.CSSOptionProps<Aliases, BreakpointKeys>\n\nexport type GlobalCSS = {\n    [key: string]: oncss.CSSPropsWithoutGlobal<Aliases, BreakpointKeys>;\n}"],
+  "sourcesContent": ["import * as CSS from 'csstype'\r\nimport { ColorsRefTypes, TypographyRefTypes, ThemeOptions, } from '../theme/types';\r\nimport * as oncss from 'oncss'\r\nexport type FN = (theme: ThemeOptions) => string | number\r\nexport type CSSBreakpointType = { [key in BreakpointKeys]: string | number }\r\nexport type CSSValueType<T extends keyof CSS.Properties> = CSS.Properties[T] | Partial<CSSBreakpointType> | number\r\n\r\nexport type Aliases = {\r\n    bgcolor?: CSSValueType<'background'> | ColorsRefTypes;\r\n    bgimage?: CSSValueType<'backgroundImage'>;\r\n    bg?: CSSValueType<'background'> | ColorsRefTypes;\r\n    p?: CSSValueType<'padding'>;\r\n    pt?: CSSValueType<'padding'>;\r\n    pr?: CSSValueType<'padding'>;\r\n    pb?: CSSValueType<'padding'>;\r\n    pl?: CSSValueType<'padding'>;\r\n    px?: CSSValueType<'padding'>;\r\n    py?: CSSValueType<'margin'>;\r\n    m?: CSSValueType<'margin'>;\r\n    mt?: CSSValueType<'margin'>;\r\n    mr?: CSSValueType<'margin'>;\r\n    mb?: CSSValueType<'margin'>;\r\n    ml?: CSSValueType<'margin'>;\r\n    mx?: CSSValueType<'margin'>;\r\n    my?: CSSValueType<'margin'>;\r\n    size?: CSSValueType<'width'>;\r\n    spacing?: Partial<CSSBreakpointType> | number;\r\n\r\n    radius?: CSSValueType<'borderRadius'> | number;\r\n    borderRadius?: CSSValueType<'borderRadius'> | number;\r\n    shadow?: CSSValueType<'boxShadow'> | number;\r\n    flexBox?: boolean;\r\n    flexRow?: boolean;\r\n    flexColumn?: boolean;\r\n    flexWraped?: boolean;\r\n    direction?: \"row\" | \"column\" | CSSValueType<'direction'>;\r\n    gap?: CSSValueType<'gap'>;\r\n\r\n    color?: CSSValueType<'color'> | ColorsRefTypes;\r\n    width?: CSSValueType<'width'> | BreakpointKeys;\r\n    height?: CSSValueType<'height'>\r\n    borderColor?: CSSValueType<'backgroundColor'> | ColorsRefTypes;\r\n\r\n    fontFamily?: CSSValueType<\"fontFamily\"> | \"default\";\r\n    fontSize?: CSSValueType<\"fontSize\"> | TypographyRefTypes;\r\n    minWidth?: CSSValueType<\"minWidth\"> | BreakpointKeys;\r\n    maxWidth?: CSSValueType<\"maxWidth\"> | BreakpointKeys;\r\n    minHeight?: CSSValueType<\"minHeight\">\r\n    maxHeight?: CSSValueType<\"maxHeight\">\r\n}\r\n\r\n\r\nexport type BreakpointKeys = \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\"\r\n\r\nexport type CSSProps = oncss.CSSProps<Aliases, BreakpointKeys>\r\nexport type CSSOptionProps = oncss.CSSOptionProps<Aliases, BreakpointKeys>\r\n\r\nexport type GlobalCSS = {\r\n    [key: string]: oncss.CSSPropsWithoutGlobal<Aliases, BreakpointKeys>;\r\n}"],
   "mappings": "+WAAA,IAAAA,EAAA,kBAAAC,EAAAD",
   "names": ["types_exports", "__toCommonJS"]
 }

package/cjs/index.js

@@ -1,2 +1,2 @@
-"use strict";var S=Object.create;var s=Object.defineProperty;var b=Object.getOwnPropertyDescriptor;var c=Object.getOwnPropertyNames;var d=Object.getPrototypeOf,v=Object.prototype.hasOwnProperty;var w=(e,p)=>{for(var t in p)s(e,t,{get:p[t],enumerable:!0})},f=(e,p,t,l)=>{if(p&&typeof p=="object"||typeof p=="function")for(let i of c(p))!v.call(e,i)&&i!==t&&s(e,i,{get:()=>p[i],enumerable:!(l=b(p,i))||l.enumerable});return e},r=(e,p,t)=>(f(e,p,"default"),t&&f(t,p,"default")),m=(e,p,t)=>(t=e!=null?S(d(e)):{},f(p||!e||!e.__esModule?s(t,"default",{value:e,enumerable:!0}):t,e)),A=e=>f(s({},"__esModule",{value:!0}),e);var o={};w(o,{ServerStyleTags:()=>k.default,Tag:()=>a.default,Transition:()=>P.default,isWindow:()=>g.default,useAnimation:()=>x.default,useBreakpoint:()=>T.default,useBreakpointProps:()=>y.default,useColorTemplate:()=>u.default,useInterface:()=>B.default,useTagProps:()=>n.default});module.exports=A(o);var a=m(require("./Tag")),n=m(require("./Tag/useTagProps")),x=m(require("./useAnimation")),u=m(require("./useColorTemplate")),T=m(require("./breakpoint/useBreakpoint")),y=m(require("./breakpoint/useBreakpointProps")),k=m(require("./ServerStyleTags")),g=m(require("./isWindow")),B=m(require("./useInterface")),P=m(require("./Transition"));r(o,require("./css"),module.exports);r(o,require("./theme"),module.exports);r(o,require("./css/types"),module.exports);r(o,require("./Tag/types"),module.exports);r(o,require("./theme/types"),module.exports);r(o,require("./useColorTemplate"),module.exports);r(o,require("./useAnimation"),module.exports);
+"use strict";var S=Object.create;var s=Object.defineProperty;var b=Object.getOwnPropertyDescriptor;var c=Object.getOwnPropertyNames;var d=Object.getPrototypeOf,v=Object.prototype.hasOwnProperty;var w=(e,p)=>{for(var t in p)s(e,t,{get:p[t],enumerable:!0})},f=(e,p,t,l)=>{if(p&&typeof p=="object"||typeof p=="function")for(let i of c(p))!v.call(e,i)&&i!==t&&s(e,i,{get:()=>p[i],enumerable:!(l=b(p,i))||l.enumerable});return e},r=(e,p,t)=>(f(e,p,"default"),t&&f(t,p,"default")),m=(e,p,t)=>(t=e!=null?S(d(e)):{},f(p||!e||!e.__esModule?s(t,"default",{value:e,enumerable:!0}):t,e)),A=e=>f(s({},"__esModule",{value:!0}),e);var o={};w(o,{ServerStyleTags:()=>k.default,Tag:()=>a.default,Transition:()=>P.default,isWindow:()=>g.default,useAnimation:()=>x.default,useBreakpoint:()=>T.default,useBreakpointProps:()=>y.default,useColorTemplate:()=>u.default,useInterface:()=>B.default,useTagProps:()=>n.default});module.exports=A(o);var a=m(require("./Tag"),1),n=m(require("./Tag/useTagProps"),1),x=m(require("./useAnimation"),1),u=m(require("./useColorTemplate"),1),T=m(require("./breakpoint/useBreakpoint"),1),y=m(require("./breakpoint/useBreakpointProps"),1),k=m(require("./ServerStyleTags"),1),g=m(require("./isWindow"),1),B=m(require("./useInterface"),1),P=m(require("./Transition"),1);r(o,require("./css"),module.exports);r(o,require("./theme"),module.exports);r(o,require("./css/types"),module.exports);r(o,require("./Tag/types"),module.exports);r(o,require("./theme/types"),module.exports);r(o,require("./useColorTemplate"),module.exports);r(o,require("./useAnimation"),module.exports);
 //# sourceMappingURL=index.js.map

package/cjs/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/index.ts"],
-  "sourcesContent": ["import Tag from './Tag'\nimport useTagProps from './Tag/useTagProps'\nimport useAnimation from './useAnimation'\nimport useColorTemplate from './useColorTemplate'\nimport useBreakpoint from './breakpoint/useBreakpoint'\nimport useBreakpointProps from './breakpoint/useBreakpointProps'\nimport ServerStyleTags from './ServerStyleTags'\nimport isWindow from './isWindow'\nimport useInterface from './useInterface'\nimport Transition from './Transition'\n\nexport * from './css'\nexport * from \"./theme\"\nexport * from './css/types'\nexport * from './Tag/types'\nexport * from './theme/types'\nexport * from './useColorTemplate'\nexport * from './useAnimation'\nexport type * from './Transition'\nexport type * from './Tag/types'\nexport type { useBreakpointPropsType } from './breakpoint/useBreakpointProps'\n\nexport {\n    Tag,\n    useTagProps,\n    useAnimation,\n    Transition,\n    useColorTemplate,\n    ServerStyleTags,\n    useBreakpoint,\n    useBreakpointProps,\n    isWindow,\n    useInterface\n}"],
-  "mappings": "wmBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,uBAAAE,QAAA,UAAAC,QAAA,iBAAAC,QAAA,eAAAC,QAAA,mBAAAC,QAAA,oBAAAC,QAAA,yBAAAC,QAAA,uBAAAC,QAAA,mBAAAC,QAAA,kBAAAC,UAAA,eAAAC,EAAAZ,GAAA,IAAAa,EAAgB,oBAChBC,EAAwB,gCACxBC,EAAyB,6BACzBC,EAA6B,iCAC7BC,EAA0B,yCAC1BC,EAA+B,8CAC/BC,EAA4B,gCAC5BC,EAAqB,yBACrBC,EAAyB,6BACzBC,EAAuB,2BAEvBC,EAAAvB,EAAc,iBAXd,gBAYAuB,EAAAvB,EAAc,mBAZd,gBAaAuB,EAAAvB,EAAc,uBAbd,gBAcAuB,EAAAvB,EAAc,uBAdd,gBAeAuB,EAAAvB,EAAc,yBAfd,gBAgBAuB,EAAAvB,EAAc,8BAhBd,gBAiBAuB,EAAAvB,EAAc,0BAjBd",
+  "sourcesContent": ["import Tag from './Tag'\r\nimport useTagProps from './Tag/useTagProps'\r\nimport useAnimation from './useAnimation'\r\nimport useColorTemplate from './useColorTemplate'\r\nimport useBreakpoint from './breakpoint/useBreakpoint'\r\nimport useBreakpointProps from './breakpoint/useBreakpointProps'\r\nimport ServerStyleTags from './ServerStyleTags'\r\nimport isWindow from './isWindow'\r\nimport useInterface from './useInterface'\r\nimport Transition from './Transition'\r\n\r\nexport * from './css'\r\nexport * from \"./theme\"\r\nexport * from './css/types'\r\nexport * from './Tag/types'\r\nexport * from './theme/types'\r\nexport * from './useColorTemplate'\r\nexport * from './useAnimation'\r\nexport type * from './Transition'\r\nexport type * from './Tag/types'\r\nexport type { useBreakpointPropsType } from './breakpoint/useBreakpointProps'\r\n\r\nexport {\r\n    Tag,\r\n    useTagProps,\r\n    useAnimation,\r\n    Transition,\r\n    useColorTemplate,\r\n    ServerStyleTags,\r\n    useBreakpoint,\r\n    useBreakpointProps,\r\n    isWindow,\r\n    useInterface\r\n}"],
+  "mappings": "wmBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,uBAAAE,QAAA,UAAAC,QAAA,iBAAAC,QAAA,eAAAC,QAAA,mBAAAC,QAAA,oBAAAC,QAAA,yBAAAC,QAAA,uBAAAC,QAAA,mBAAAC,QAAA,kBAAAC,UAAA,eAAAC,EAAAZ,GAAA,IAAAa,EAAgB,sBAChBC,EAAwB,kCACxBC,EAAyB,+BACzBC,EAA6B,mCAC7BC,EAA0B,2CAC1BC,EAA+B,gDAC/BC,EAA4B,kCAC5BC,EAAqB,2BACrBC,EAAyB,+BACzBC,EAAuB,6BAEvBC,EAAAvB,EAAc,iBAXd,gBAYAuB,EAAAvB,EAAc,mBAZd,gBAaAuB,EAAAvB,EAAc,uBAbd,gBAcAuB,EAAAvB,EAAc,uBAdd,gBAeAuB,EAAAvB,EAAc,yBAfd,gBAgBAuB,EAAAvB,EAAc,8BAhBd,gBAiBAuB,EAAAvB,EAAc,0BAjBd",
   "names": ["index_exports", "__export", "ServerStyleTags", "Tag", "Transition", "isWindow", "useAnimation", "useBreakpoint", "useBreakpointProps", "useColorTemplate", "useInterface", "useTagProps", "__toCommonJS", "import_Tag", "import_useTagProps", "import_useAnimation", "import_useColorTemplate", "import_useBreakpoint", "import_useBreakpointProps", "import_ServerStyleTags", "import_isWindow", "import_useInterface", "import_Transition", "__reExport"]
 }

package/cjs/isWindow.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/isWindow.ts"],
-  "sourcesContent": ["\nconst isWindow = (): Window | void => typeof window !== 'undefined' ? window : undefined\nexport default isWindow"],
+  "sourcesContent": ["\r\nconst isWindow = (): Window | void => typeof window !== 'undefined' ? window : undefined\r\nexport default isWindow"],
   "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GACA,MAAMI,EAAW,IAAqB,OAAO,OAAW,IAAc,OAAS,OAC/E,IAAOF,EAAQE",
   "names": ["isWindow_exports", "__export", "isWindow_default", "__toCommonJS", "isWindow"]
 }

package/cjs/theme/ThemeCssVars.js.map

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

package/cjs/theme/ThemeDefaultOptions.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "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"],
+  "sourcesContent": ["import { ThemeOptionInput, ThemeTypographyType } from './types'\r\n\r\nexport const lightColorPallete = {\r\n    text: {\r\n        primary: \"#212B36\",\r\n        secondary: \"#637381\",\r\n    },\r\n    background: {\r\n        primary: \"#FFFFFF\",\r\n        secondary: \"#EDEFF7\",\r\n    },\r\n    divider: \"#DADCE0\"\r\n}\r\n\r\nexport const darkColorPallete = {\r\n    text: {\r\n        primary: \"#FFFFFF\",\r\n        secondary: \"#C4CDD5\",\r\n    },\r\n    background: {\r\n        primary: \"#272727\",\r\n        secondary: \"#1E1E1E\",\r\n    },\r\n    divider: \"#3D3D3D\"\r\n}\r\n\r\nexport const ThemeColors = {\r\n    ...lightColorPallete,\r\n    brand: {\r\n        primary: \"#3b82f6\",\r\n        secondary: \"#60a5fa\",\r\n        text: \"#FFFFFF\"\r\n    },\r\n    accent: {\r\n        primary: \"#14b8a6\",\r\n        secondary: \"#2dd4bf\",\r\n        text: \"#FFFFFF\"\r\n    },\r\n    info: {\r\n        primary: \"#0ea5e9\",\r\n        secondary: \"#60a5fa\",\r\n        text: \"#FFFFFF\"\r\n    },\r\n    success: {\r\n        primary: \"#22c55e\",\r\n        secondary: \"#4ade80\",\r\n        text: \"#FFFFFF\"\r\n    },\r\n    warning: {\r\n        primary: \"#f59e0b\",\r\n        secondary: \"#fbbf24\",\r\n        text: \"#FFFFFF\"\r\n    },\r\n    danger: {\r\n        primary: \"#ef4444\",\r\n        secondary: \"#f87171\",\r\n        text: \"#FFFFFF\"\r\n    },\r\n}\r\n\r\nexport const ThemeTypography: ThemeTypographyType = {\r\n    fontFamily: '\"Inter\",sans-serif,\"Helvetica\",\"Arial\"',\r\n    h1: {\r\n        fontSize: 47.78,\r\n        lineHeight: 1.3,\r\n        fontWeight: 400,\r\n    },\r\n    h2: {\r\n        fontSize: 39.81,\r\n        lineHeight: 1.35,\r\n        fontWeight: 400,\r\n    },\r\n    h3: {\r\n        fontSize: 33.18,\r\n        lineHeight: 1.4,\r\n        fontWeight: 400,\r\n    },\r\n    h4: {\r\n        fontSize: 27.65,\r\n        lineHeight: 1.45,\r\n        fontWeight: 400,\r\n    },\r\n    h5: {\r\n        fontSize: 27.65,\r\n        lineHeight: 1.5,\r\n        fontWeight: 400,\r\n    },\r\n    h6: {\r\n        fontSize: 23.04,\r\n        lineHeight: 1.55,\r\n        fontWeight: 400,\r\n    },\r\n    text: {\r\n        fontSize: 16,\r\n        lineHeight: 1.6,\r\n        fontWeight: 400,\r\n    },\r\n    button: {\r\n        fontSize: 13.33,\r\n        lineHeight: 1.6,\r\n        fontWeight: 500,\r\n    },\r\n    small: {\r\n        fontSize: 12.33,\r\n        lineHeight: 1.6,\r\n        fontWeight: 400,\r\n    }\r\n}\r\n\r\nexport const shadow = [\r\n    \"none\",\r\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)\",\r\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)\",\r\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)\",\r\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)\",\r\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)\",\r\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)\",\r\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)\",\r\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)\",\r\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)\",\r\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)\",\r\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)\",\r\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)\",\r\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)\",\r\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)\",\r\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)\",\r\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)\",\r\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)\",\r\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)\",\r\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)\",\r\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)\",\r\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)\",\r\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)\",\r\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)\",\r\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)\",\r\n]\r\n\r\nexport default {\r\n    name: \"light\",\r\n    rtl: false,\r\n    shadow,\r\n    globalStyle: {},\r\n    colors: ThemeColors,\r\n    typography: ThemeTypography,\r\n    interfaces: {}\r\n} as ThemeOptionInput\r\n"],
   "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,iBAAAE,EAAA,oBAAAC,EAAA,qBAAAC,EAAA,YAAAC,EAAA,sBAAAC,EAAA,WAAAC,IAAA,eAAAC,EAAAR,GAEO,MAAMM,EAAoB,CAC7B,KAAM,CACF,QAAS,UACT,UAAW,SACf,EACA,WAAY,CACR,QAAS,UACT,UAAW,SACf,EACA,QAAS,SACb,EAEaF,EAAmB,CAC5B,KAAM,CACF,QAAS,UACT,UAAW,SACf,EACA,WAAY,CACR,QAAS,UACT,UAAW,SACf,EACA,QAAS,SACb,EAEaF,EAAc,CACvB,GAAGI,EACH,MAAO,CACH,QAAS,UACT,UAAW,UACX,KAAM,SACV,EACA,OAAQ,CACJ,QAAS,UACT,UAAW,UACX,KAAM,SACV,EACA,KAAM,CACF,QAAS,UACT,UAAW,UACX,KAAM,SACV,EACA,QAAS,CACL,QAAS,UACT,UAAW,UACX,KAAM,SACV,EACA,QAAS,CACL,QAAS,UACT,UAAW,UACX,KAAM,SACV,EACA,OAAQ,CACJ,QAAS,UACT,UAAW,UACX,KAAM,SACV,CACJ,EAEaH,EAAuC,CAChD,WAAY,yCACZ,GAAI,CACA,SAAU,MACV,WAAY,IACZ,WAAY,GAChB,EACA,GAAI,CACA,SAAU,MACV,WAAY,KACZ,WAAY,GAChB,EACA,GAAI,CACA,SAAU,MACV,WAAY,IACZ,WAAY,GAChB,EACA,GAAI,CACA,SAAU,MACV,WAAY,KACZ,WAAY,GAChB,EACA,GAAI,CACA,SAAU,MACV,WAAY,IACZ,WAAY,GAChB,EACA,GAAI,CACA,SAAU,MACV,WAAY,KACZ,WAAY,GAChB,EACA,KAAM,CACF,SAAU,GACV,WAAY,IACZ,WAAY,GAChB,EACA,OAAQ,CACJ,SAAU,MACV,WAAY,IACZ,WAAY,GAChB,EACA,MAAO,CACH,SAAU,MACV,WAAY,IACZ,WAAY,GAChB,CACJ,EAEaI,EAAS,CAClB,OACA,qGACA,qGACA,qGACA,sGACA,sGACA,uGACA,uGACA,uGACA,uGACA,wGACA,wGACA,wGACA,wGACA,wGACA,wGACA,yGACA,yGACA,yGACA,yGACA,0GACA,0GACA,0GACA,0GACA,yGACJ,EAEA,IAAOF,EAAQ,CACX,KAAM,QACN,IAAK,GACL,OAAAE,EACA,YAAa,CAAC,EACd,OAAQL,EACR,WAAYC,EACZ,WAAY,CAAC,CACjB",
   "names": ["ThemeDefaultOptions_exports", "__export", "ThemeColors", "ThemeTypography", "darkColorPallete", "ThemeDefaultOptions_default", "lightColorPallete", "shadow", "__toCommonJS"]
 }

package/cjs/theme/ThemeProvider.js

@@ -1,2 +1,2 @@
-"use strict";var k=Object.create;var p=Object.defineProperty;var v=Object.getOwnPropertyDescriptor;var x=Object.getOwnPropertyNames;var C=Object.getPrototypeOf,P=Object.prototype.hasOwnProperty;var w=(r,o)=>{for(var t in o)p(r,t,{get:o[t],enumerable:!0})},c=(r,o,t,l)=>{if(o&&typeof o=="object"||typeof o=="function")for(let i of x(o))!P.call(r,i)&&i!==t&&p(r,i,{get:()=>o[i],enumerable:!(l=v(o,i))||l.enumerable});return r};var g=(r,o,t)=>(t=r!=null?k(C(r)):{},c(o||!r||!r.__esModule?p(t,"default",{value:r,enumerable:!0}):t,r)),S=r=>c(p({},"__esModule",{value:!0}),r);var z={};w(z,{default:()=>W});module.exports=S(z);var a=g(require("react")),h=g(require("../Tag")),f=require("../breakpoint"),s=require("./core"),u=g(require("./ThemeCssVars")),n=require("../css");const H=({children:r,theme:o,resetCss:t,scrollbarCss:l,isRootProvider:i,renderIsRoot:T,...m})=>{const e=s.ThemeFactory.get(o);if(!e)throw new Error(`Invalid theme name provided: ${o}`);return t??=!0,l??=!0,a.useMemo(()=>{if(Object.keys(e.globalStyle).length&&(0,n.css)({"@global":e.globalStyle}),(0,n.css)({"@global":{[`.xui-${o}-theme-root`]:(0,u.default)(e)}}),l&&typeof document<"u"){let d=10,b=e.colors.divider,y=e.colors.background.secondary;(0,n.css)({"@global":{"*":{scrollbarWidth:"thin",scrollbarColor:`${b} ${y}`},"::-webkit-scrollbar":{width:d,height:d},"::-webkit-scrollbar-thumb":{backgroundColor:b,borderRadius:"5px",border:"2px solid #f4f4f4"},"::-webkit-scrollbar-thumb:hover":{backgroundColor:b},"::-webkit-scrollbar-track":{backgroundColor:y,borderRadius:"5px"}}})}t&&(0,n.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"}}})},[o]),a.createElement(s.ThemeContex.Provider,{value:o},i?a.createElement(f.BreakpointProvider,null,a.createElement(h.default,{minHeight:"100%",bgcolor:e.colors.background.primary,fontFamily:e.typography.fontFamily,fontSize:e.typography.text.fontSize,fontWeight:e.typography.text.fontWeight,lineHeight:e.typography.text.lineHeight,...m,baseClass:`${o}-theme-root`,direction:e.rtl?"rtl":"ltr"},r,T)):a.createElement(h.default,{minHeight:"100%",bgcolor:e.colors.background.primary,fontFamily:e.typography.fontFamily,fontSize:e.typography.text.fontSize,fontWeight:e.typography.text.fontWeight,lineHeight:e.typography.text.lineHeight,...m,baseClass:`${o}-theme-root`,direction:e.rtl?"rtl":"ltr"},r))};var W=H;
+"use strict";var k=Object.create;var p=Object.defineProperty;var v=Object.getOwnPropertyDescriptor;var x=Object.getOwnPropertyNames;var C=Object.getPrototypeOf,P=Object.prototype.hasOwnProperty;var w=(r,o)=>{for(var t in o)p(r,t,{get:o[t],enumerable:!0})},c=(r,o,t,l)=>{if(o&&typeof o=="object"||typeof o=="function")for(let i of x(o))!P.call(r,i)&&i!==t&&p(r,i,{get:()=>o[i],enumerable:!(l=v(o,i))||l.enumerable});return r};var g=(r,o,t)=>(t=r!=null?k(C(r)):{},c(o||!r||!r.__esModule?p(t,"default",{value:r,enumerable:!0}):t,r)),S=r=>c(p({},"__esModule",{value:!0}),r);var z={};w(z,{default:()=>W});module.exports=S(z);var a=g(require("react"),1),h=g(require("../Tag"),1),f=require("../breakpoint"),s=require("./core"),u=g(require("./ThemeCssVars"),1),n=require("../css");const H=({children:r,theme:o,resetCss:t,scrollbarCss:l,isRootProvider:i,renderIsRoot:T,...m})=>{const e=s.ThemeFactory.get(o);if(!e)throw new Error(`Invalid theme name provided: ${o}`);return t??=!0,l??=!0,a.useMemo(()=>{if(Object.keys(e.globalStyle).length&&(0,n.css)({"@global":e.globalStyle}),(0,n.css)({"@global":{[`.xui-${o}-theme-root`]:(0,u.default)(e)}}),l&&typeof document<"u"){let d=10,b=e.colors.divider,y=e.colors.background.secondary;(0,n.css)({"@global":{"*":{scrollbarWidth:"thin",scrollbarColor:`${b} ${y}`},"::-webkit-scrollbar":{width:d,height:d},"::-webkit-scrollbar-thumb":{backgroundColor:b,borderRadius:"5px",border:"2px solid #f4f4f4"},"::-webkit-scrollbar-thumb:hover":{backgroundColor:b},"::-webkit-scrollbar-track":{backgroundColor:y,borderRadius:"5px"}}})}t&&(0,n.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"}}})},[o]),a.createElement(s.ThemeContex.Provider,{value:o},i?a.createElement(f.BreakpointProvider,null,a.createElement(h.default,{minHeight:"100%",bgcolor:e.colors.background.primary,fontFamily:e.typography.fontFamily,fontSize:e.typography.text.fontSize,fontWeight:e.typography.text.fontWeight,lineHeight:e.typography.text.lineHeight,...m,baseClass:`${o}-theme-root`,direction:e.rtl?"rtl":"ltr"},r,T)):a.createElement(h.default,{minHeight:"100%",bgcolor:e.colors.background.primary,fontFamily:e.typography.fontFamily,fontSize:e.typography.text.fontSize,fontWeight:e.typography.text.fontWeight,lineHeight:e.typography.text.lineHeight,...m,baseClass:`${o}-theme-root`,direction:e.rtl?"rtl":"ltr"},r))};var W=H;
 //# sourceMappingURL=ThemeProvider.js.map

package/cjs/theme/ThemeProvider.js.map

@@ -1,7 +1,7 @@
 {
   "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": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAAuB,oBAEvBC,EAAgB,qBAEhBC,EAAmC,yBACnCC,EAA0C,kBAC1CC,EAAyB,6BACzBC,EAAoB,kBAUpB,MAAMC,EAAgB,CAAC,CAAE,SAAAC,EAAU,MAAAC,EAAO,SAAAC,EAAU,aAAAC,EAAc,eAAAC,EAAgB,aAAAC,EAAc,GAAGC,CAAM,IAA0B,CAChI,MAAMC,EAAQ,eAAa,IAAIN,CAAK,EACpC,GAAI,CAACM,EAAO,MAAM,IAAI,MAAM,gCAAgCN,CAAK,EAAE,EACnE,OAAAC,IAAa,GACbC,IAAiB,GAEjBV,EAAM,QAAQ,IAAM,CAajB,GAZM,OAAO,KAAKc,EAAM,WAAW,EAAE,WAClC,OAAI,CACD,UAAWA,EAAM,WACpB,CAAC,KAGJ,OAAI,CACD,UAAW,CACR,CAAC,QAAQN,CAAK,aAAa,KAAG,EAAAO,SAAaD,CAAK,CACnD,CACH,CAAC,EAEGJ,GAAgB,OAAO,SAAa,IAAa,CAClD,IAAIM,EAAY,GACZC,EAAaH,EAAM,OAAO,QAC1BI,EAAaJ,EAAM,OAAO,WAAW,aACzC,OAAI,CACD,UAAW,CACR,IAAK,CACF,eAAgB,OAChB,eAAgB,GAAGG,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,CAEAT,MAAY,OAAI,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,CAACD,CAAK,CAAC,EAGPR,EAAA,cAAC,cAAY,SAAZ,CAAqB,MAAOQ,GAEvBG,EAAiBX,EAAA,cAAC,0BACfA,EAAA,cAAC,EAAAmB,QAAA,CACE,UAAU,OACV,QAASL,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,EAAwBZ,EAAA,cAAC,EAAAmB,QAAA,CACtB,UAAU,OACV,QAASL,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,IAAOT,EAAQQ",
+  "sourcesContent": ["import * as React from \"react\"\r\nimport { ThemeOptions } from \"./types\"\r\nimport Tag from \"../Tag\"\r\nimport { TagComponentType, TagProps } from \"../Tag/types\"\r\nimport { BreakpointProvider } from \"../breakpoint\"\r\nimport { ThemeContex, ThemeFactory } from \"./core\"\r\nimport ThemeCssVars from \"./ThemeCssVars\"\r\nimport { css } from \"../css\"\r\n\r\nexport type ThemeProviderProps<T extends TagComponentType = 'div'> = TagProps<T> & {\r\n   theme: string;\r\n   resetCss?: boolean;\r\n   scrollbarCss?: boolean;\r\n   isRootProvider?: boolean;\r\n   renderIsRoot?: React.ReactElement;\r\n}\r\n\r\nconst ThemeProvider = ({ children, theme, resetCss, scrollbarCss, isRootProvider, renderIsRoot, ...props }: ThemeProviderProps) => {\r\n   const THEME = ThemeFactory.get(theme) as ThemeOptions\r\n   if (!THEME) throw new Error(`Invalid theme name provided: ${theme}`)\r\n   resetCss ??= true\r\n   scrollbarCss ??= true\r\n\r\n   React.useMemo(() => {\r\n      if (!!Object.keys(THEME.globalStyle).length) {\r\n         css({\r\n            \"@global\": THEME.globalStyle\r\n         })\r\n      }\r\n\r\n      css({\r\n         \"@global\": {\r\n            [`.xui-${theme}-theme-root`]: ThemeCssVars(THEME)\r\n         }\r\n      })\r\n\r\n      if (scrollbarCss && typeof document !== 'undefined') {\r\n         let thumbSize = 10\r\n         let thumbColor = THEME.colors.divider\r\n         let trackColor = THEME.colors.background.secondary\r\n         css({\r\n            \"@global\": {\r\n               \"*\": {\r\n                  scrollbarWidth: \"thin\",\r\n                  scrollbarColor: `${thumbColor} ${trackColor}`,\r\n               },\r\n               \"::-webkit-scrollbar\": {\r\n                  width: thumbSize,\r\n                  height: thumbSize,\r\n               },\r\n               \"::-webkit-scrollbar-thumb\": {\r\n                  backgroundColor: thumbColor,\r\n                  borderRadius: \"5px\",\r\n                  border: \"2px solid #f4f4f4\",\r\n               },\r\n               \"::-webkit-scrollbar-thumb:hover\": {\r\n                  backgroundColor: thumbColor,\r\n               },\r\n               \"::-webkit-scrollbar-track\": {\r\n                  backgroundColor: trackColor,\r\n                  borderRadius: \"5px\",\r\n               },\r\n            }\r\n         })\r\n      }\r\n\r\n      resetCss && css({\r\n         \"@global\": {\r\n            \"*\": {\r\n               m: 0,\r\n               p: 0,\r\n               outline: \"none\",\r\n               boxSizing: \"border-box\",\r\n               verticalAlign: \"baseline\",\r\n            },\r\n            \"html, body\": {\r\n               minHeight: \"100%\",\r\n               \"-webkit-font-smoothing\": \"antialiased\"\r\n            } as any,\r\n            \"img, picture, video, canvas, svg\": {\r\n               maxWidth: \"100%\",\r\n               display: \"block\"\r\n            },\r\n            \"input, button, textarea, select\": {\r\n               font: \"inherit\"\r\n            },\r\n            \"table\": {\r\n               borderCollapse: \"collapse\",\r\n               borderSpacing: 0\r\n            },\r\n            \"ol, ul\": {\r\n               listStyle: \"none\"\r\n            },\r\n            \"a\": {\r\n               display: \"inline-block\"\r\n            },\r\n            \"p, h1, h2, h3, h4, h5, h6\": {\r\n               overflowWrap: \"break-word\",\r\n            }\r\n         }\r\n      })\r\n   }, [theme])\r\n\r\n   return (\r\n      <ThemeContex.Provider value={theme}>\r\n         {\r\n            isRootProvider ? <BreakpointProvider>\r\n               <Tag\r\n                  minHeight=\"100%\"\r\n                  bgcolor={THEME.colors.background.primary}\r\n                  fontFamily={THEME.typography.fontFamily}\r\n                  fontSize={THEME.typography.text.fontSize}\r\n                  fontWeight={THEME.typography.text.fontWeight}\r\n                  lineHeight={THEME.typography.text.lineHeight}\r\n                  {...props}\r\n                  baseClass={`${theme}-theme-root`}\r\n                  direction={THEME.rtl ? \"rtl\" : \"ltr\"}\r\n               >\r\n                  {children}\r\n                  {renderIsRoot}\r\n               </Tag>\r\n            </BreakpointProvider> : <Tag\r\n               minHeight=\"100%\"\r\n               bgcolor={THEME.colors.background.primary}\r\n               fontFamily={THEME.typography.fontFamily}\r\n               fontSize={THEME.typography.text.fontSize}\r\n               fontWeight={THEME.typography.text.fontWeight}\r\n               lineHeight={THEME.typography.text.lineHeight}\r\n               {...props}\r\n               baseClass={`${theme}-theme-root`}\r\n               direction={THEME.rtl ? \"rtl\" : \"ltr\"}\r\n            >\r\n               {children}\r\n            </Tag>\r\n         }\r\n      </ThemeContex.Provider>\r\n   )\r\n}\r\n\r\nexport default ThemeProvider"],
+  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAAuB,sBAEvBC,EAAgB,uBAEhBC,EAAmC,yBACnCC,EAA0C,kBAC1CC,EAAyB,+BACzBC,EAAoB,kBAUpB,MAAMC,EAAgB,CAAC,CAAE,SAAAC,EAAU,MAAAC,EAAO,SAAAC,EAAU,aAAAC,EAAc,eAAAC,EAAgB,aAAAC,EAAc,GAAGC,CAAM,IAA0B,CAChI,MAAMC,EAAQ,eAAa,IAAIN,CAAK,EACpC,GAAI,CAACM,EAAO,MAAM,IAAI,MAAM,gCAAgCN,CAAK,EAAE,EACnE,OAAAC,IAAa,GACbC,IAAiB,GAEjBV,EAAM,QAAQ,IAAM,CAajB,GAZM,OAAO,KAAKc,EAAM,WAAW,EAAE,WAClC,OAAI,CACD,UAAWA,EAAM,WACpB,CAAC,KAGJ,OAAI,CACD,UAAW,CACR,CAAC,QAAQN,CAAK,aAAa,KAAG,EAAAO,SAAaD,CAAK,CACnD,CACH,CAAC,EAEGJ,GAAgB,OAAO,SAAa,IAAa,CAClD,IAAIM,EAAY,GACZC,EAAaH,EAAM,OAAO,QAC1BI,EAAaJ,EAAM,OAAO,WAAW,aACzC,OAAI,CACD,UAAW,CACR,IAAK,CACF,eAAgB,OAChB,eAAgB,GAAGG,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,CAEAT,MAAY,OAAI,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,CAACD,CAAK,CAAC,EAGPR,EAAA,cAAC,cAAY,SAAZ,CAAqB,MAAOQ,GAEvBG,EAAiBX,EAAA,cAAC,0BACfA,EAAA,cAAC,EAAAmB,QAAA,CACE,UAAU,OACV,QAASL,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,EAAwBZ,EAAA,cAAC,EAAAmB,QAAA,CACtB,UAAU,OACV,QAASL,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,IAAOT,EAAQQ",
   "names": ["ThemeProvider_exports", "__export", "ThemeProvider_default", "__toCommonJS", "React", "import_Tag", "import_breakpoint", "import_core", "import_ThemeCssVars", "import_css", "ThemeProvider", "children", "theme", "resetCss", "scrollbarCss", "isRootProvider", "renderIsRoot", "props", "THEME", "ThemeCssVars", "thumbSize", "thumbColor", "trackColor", "Tag"]
 }

package/cjs/theme/core.js

@@ -1,2 +1,2 @@
-"use strict";var T=Object.create;var s=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var x=Object.getOwnPropertyNames;var g=Object.getPrototypeOf,O=Object.prototype.hasOwnProperty;var a=(e,t)=>{for(var o in t)s(e,o,{get:t[o],enumerable:!0})},i=(e,t,o,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of x(t))!O.call(e,r)&&r!==o&&s(e,r,{get:()=>t[r],enumerable:!(n=h(t,r))||n.enumerable});return e};var f=(e,t,o)=>(o=e!=null?T(g(e)):{},i(t||!e||!e.__esModule?s(o,"default",{value:e,enumerable:!0}):o,e)),j=e=>i(s({},"__esModule",{value:!0}),e);var C={};a(C,{ThemeContex:()=>m,ThemeFactory:()=>p,getTheme:()=>l,mergeObject:()=>y,useTheme:()=>u});module.exports=j(C);var c=f(require("react"));const p=new Map,m=c.default.createContext("light"),l=e=>p.get(e),u=()=>p.get(c.default.useContext(m)),y=(e,t)=>{e={...e},t={...t};for(const o in t){const n=t[o];typeof n=="object"&&!Array.isArray(n)&&!c.default.isValidElement(n)?e[o]=y(e[o],t[o]):e[o]=n}return e};
+"use strict";var T=Object.create;var s=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var x=Object.getOwnPropertyNames;var g=Object.getPrototypeOf,O=Object.prototype.hasOwnProperty;var a=(e,t)=>{for(var o in t)s(e,o,{get:t[o],enumerable:!0})},i=(e,t,o,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of x(t))!O.call(e,r)&&r!==o&&s(e,r,{get:()=>t[r],enumerable:!(n=h(t,r))||n.enumerable});return e};var f=(e,t,o)=>(o=e!=null?T(g(e)):{},i(t||!e||!e.__esModule?s(o,"default",{value:e,enumerable:!0}):o,e)),j=e=>i(s({},"__esModule",{value:!0}),e);var C={};a(C,{ThemeContex:()=>m,ThemeFactory:()=>p,getTheme:()=>l,mergeObject:()=>y,useTheme:()=>u});module.exports=j(C);var c=f(require("react"),1);const p=new Map,m=c.default.createContext("light"),l=e=>p.get(e),u=()=>p.get(c.default.useContext(m)),y=(e,t)=>{e={...e},t={...t};for(const o in t){const n=t[o];typeof n=="object"&&!Array.isArray(n)&&!c.default.isValidElement(n)?e[o]=y(e[o],t[o]):e[o]=n}return e};
 //# sourceMappingURL=core.js.map

package/cjs/theme/core.js.map

@@ -1,7 +1,7 @@
 {
   "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": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,iBAAAE,EAAA,iBAAAC,EAAA,aAAAC,EAAA,gBAAAC,EAAA,aAAAC,IAAA,eAAAC,EAAAP,GAAA,IAAAQ,EAAkB,oBAGX,MAAML,EAAe,IAAI,IACnBD,EAAc,EAAAO,QAAM,cAAc,OAAO,EACzCL,EAAYM,GAAkBP,EAAa,IAAIO,CAAK,EACpDJ,EAAW,IAAoBH,EAAa,IAAI,EAAAM,QAAM,WAAWP,CAAW,CAAC,EAE7EG,EAAc,CAACM,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,CAAC,EAAAL,QAAM,eAAeK,CAAC,EACtEH,EAAEE,CAAG,EAAIR,EAAYM,EAAEE,CAAG,EAAGD,EAAEC,CAAG,CAAC,EAEnCF,EAAEE,CAAG,EAAIC,CAEf,CACA,OAAOH,CACV",
+  "sourcesContent": ["import React from \"react\"\r\nimport { ObjectType, ThemeOptions } from \"./types\"\r\n\r\nexport const ThemeFactory = new Map<string, ThemeOptions>()\r\nexport const ThemeContex = React.createContext(\"light\")\r\nexport const getTheme = (theme: string) => ThemeFactory.get(theme)\r\nexport const useTheme = (): ThemeOptions => ThemeFactory.get(React.useContext(ThemeContex)) as any\r\n\r\nexport const mergeObject = (a: ObjectType, b: ObjectType) => {\r\n   a = { ...a }\r\n   b = { ...b }\r\n   for (const key in b) {\r\n      const v = (b as any)[key]\r\n      if (typeof v === 'object' && !Array.isArray(v) && !React.isValidElement(v)) {\r\n         a[key] = mergeObject(a[key], b[key])\r\n      } else {\r\n         a[key] = v\r\n      }\r\n   }\r\n   return a\r\n}\r\n"],
+  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,iBAAAE,EAAA,iBAAAC,EAAA,aAAAC,EAAA,gBAAAC,EAAA,aAAAC,IAAA,eAAAC,EAAAP,GAAA,IAAAQ,EAAkB,sBAGX,MAAML,EAAe,IAAI,IACnBD,EAAc,EAAAO,QAAM,cAAc,OAAO,EACzCL,EAAYM,GAAkBP,EAAa,IAAIO,CAAK,EACpDJ,EAAW,IAAoBH,EAAa,IAAI,EAAAM,QAAM,WAAWP,CAAW,CAAC,EAE7EG,EAAc,CAACM,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,CAAC,EAAAL,QAAM,eAAeK,CAAC,EACtEH,EAAEE,CAAG,EAAIR,EAAYM,EAAEE,CAAG,EAAGD,EAAEC,CAAG,CAAC,EAEnCF,EAAEE,CAAG,EAAIC,CAEf,CACA,OAAOH,CACV",
   "names": ["core_exports", "__export", "ThemeContex", "ThemeFactory", "getTheme", "mergeObject", "useTheme", "__toCommonJS", "import_react", "React", "theme", "a", "b", "key", "v"]
 }

package/cjs/theme/createColor.js.map

@@ -1,7 +1,7 @@
 {
   "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"],
+  "sourcesContent": ["import { ThemeOptions, ThemeColor } from \"./types\"\r\nimport { alpha } from \"../css\"\r\n\r\nconst createColor = (theme: ThemeOptions, name: keyof ThemeColor) => {\r\n   let color = theme.colors[name]\r\n   let { primary, secondary } = color as any\r\n   let text = (color as any).text || theme.colors.text.primary\r\n   let _alpha = alpha(primary, .1)\r\n\r\n   const isBag = (a: any, b: any) => name === \"background\" ? a : b\r\n\r\n   return {\r\n      alpha: _alpha,\r\n      template: {\r\n         outline: {\r\n            bgcolor: \"transparent\",\r\n            color: isBag(text, primary),\r\n            border: 1,\r\n            borderColor: isBag(\"divider\", alpha(primary, .4)),\r\n            hover: {\r\n               color: isBag(text, primary),\r\n               borderColor: isBag(\"divider\", alpha(primary, .8)),\r\n            }\r\n         },\r\n         fill: {\r\n            bgcolor: isBag(secondary, primary),\r\n            color: text,\r\n            hover: {\r\n               bgcolor: isBag(alpha(secondary, .6), secondary),\r\n               color: text,\r\n            }\r\n         },\r\n         text: {\r\n            bgcolor: \"transparent\",\r\n            color: isBag(text, primary),\r\n            hover: {\r\n               bgcolor: isBag(alpha(secondary, .6), alpha(primary, .1)),\r\n               color: isBag(text, primary),\r\n            }\r\n         },\r\n         alpha: {\r\n            bgcolor: isBag(alpha(secondary, .5), alpha(primary, .1)),\r\n            color: isBag(text, primary),\r\n            hover: {\r\n               bgcolor: isBag(alpha(secondary, .8), alpha(primary, .15)),\r\n               color: isBag(text, primary),\r\n            }\r\n         }\r\n      }\r\n   }\r\n}\r\n\r\nexport default createColor"],
   "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GACA,IAAAI,EAAsB,kBAEtB,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,KAAS,SAAMH,EAAS,EAAE,EAE9B,MAAMI,EAAQ,CAACC,EAAQ,IAAWP,IAAS,aAAeO,EAAI,EAE9D,MAAO,CACJ,MAAOF,EACP,SAAU,CACP,QAAS,CACN,QAAS,cACT,MAAOC,EAAMF,EAAMF,CAAO,EAC1B,OAAQ,EACR,YAAaI,EAAM,aAAW,SAAMJ,EAAS,EAAE,CAAC,EAChD,MAAO,CACJ,MAAOI,EAAMF,EAAMF,CAAO,EAC1B,YAAaI,EAAM,aAAW,SAAMJ,EAAS,EAAE,CAAC,CACnD,CACH,EACA,KAAM,CACH,QAASI,EAAMH,EAAWD,CAAO,EACjC,MAAOE,EACP,MAAO,CACJ,QAASE,KAAM,SAAMH,EAAW,EAAE,EAAGA,CAAS,EAC9C,MAAOC,CACV,CACH,EACA,KAAM,CACH,QAAS,cACT,MAAOE,EAAMF,EAAMF,CAAO,EAC1B,MAAO,CACJ,QAASI,KAAM,SAAMH,EAAW,EAAE,KAAG,SAAMD,EAAS,EAAE,CAAC,EACvD,MAAOI,EAAMF,EAAMF,CAAO,CAC7B,CACH,EACA,MAAO,CACJ,QAASI,KAAM,SAAMH,EAAW,EAAE,KAAG,SAAMD,EAAS,EAAE,CAAC,EACvD,MAAOI,EAAMF,EAAMF,CAAO,EAC1B,MAAO,CACJ,QAASI,KAAM,SAAMH,EAAW,EAAE,KAAG,SAAMD,EAAS,GAAG,CAAC,EACxD,MAAOI,EAAMF,EAAMF,CAAO,CAC7B,CACH,CACH,CACH,CACH,EAEA,IAAOP,EAAQG",
   "names": ["createColor_exports", "__export", "createColor_default", "__toCommonJS", "import_css", "createColor", "theme", "name", "color", "primary", "secondary", "text", "_alpha", "isBag", "a"]
 }

package/cjs/theme/createTheme.js

@@ -1,2 +1,2 @@
-"use strict";var l=Object.create;var s=Object.defineProperty;var d=Object.getOwnPropertyDescriptor;var f=Object.getOwnPropertyNames;var g=Object.getPrototypeOf,b=Object.prototype.hasOwnProperty;var u=(e,r)=>{for(var t in r)s(e,t,{get:r[t],enumerable:!0})},c=(e,r,t,o)=>{if(r&&typeof r=="object"||typeof r=="function")for(let i of f(r))!b.call(e,i)&&i!==t&&s(e,i,{get:()=>r[i],enumerable:!(o=d(r,i))||o.enumerable});return e};var p=(e,r,t)=>(t=e!=null?l(g(e)):{},c(r||!e||!e.__esModule?s(t,"default",{value:e,enumerable:!0}):t,e)),T=e=>c(s({},"__esModule",{value:!0}),e);var k={};u(k,{createTheme:()=>O});module.exports=T(k);var m=p(require("./ThemeDefaultOptions")),a=require("./core"),n=p(require("./createColor")),h=require("../css");const O=(e,r,t)=>{if(a.ThemeFactory.has(e))throw new Error(`theme "${e}" already exists!`);{let o=(0,a.mergeObject)(m.default,{...t?m.darkColorPallete:{},...r,name:e,breakpoints:h.breakpoints});o=(0,a.mergeObject)(o,{colors:{background:(0,n.default)(o,"background"),brand:(0,n.default)(o,"brand"),accent:(0,n.default)(o,"accent"),info:(0,n.default)(o,"info"),success:(0,n.default)(o,"success"),warning:(0,n.default)(o,"warning"),danger:(0,n.default)(o,"danger")}}),a.ThemeFactory.set(e,o)}return a.ThemeFactory.get(e)};
+"use strict";var l=Object.create;var s=Object.defineProperty;var d=Object.getOwnPropertyDescriptor;var f=Object.getOwnPropertyNames;var g=Object.getPrototypeOf,b=Object.prototype.hasOwnProperty;var u=(e,r)=>{for(var t in r)s(e,t,{get:r[t],enumerable:!0})},c=(e,r,t,o)=>{if(r&&typeof r=="object"||typeof r=="function")for(let i of f(r))!b.call(e,i)&&i!==t&&s(e,i,{get:()=>r[i],enumerable:!(o=d(r,i))||o.enumerable});return e};var p=(e,r,t)=>(t=e!=null?l(g(e)):{},c(r||!e||!e.__esModule?s(t,"default",{value:e,enumerable:!0}):t,e)),T=e=>c(s({},"__esModule",{value:!0}),e);var k={};u(k,{createTheme:()=>O});module.exports=T(k);var m=p(require("./ThemeDefaultOptions"),1),a=require("./core"),n=p(require("./createColor"),1),h=require("../css");const O=(e,r,t)=>{if(a.ThemeFactory.has(e))throw new Error(`theme "${e}" already exists!`);{let o=(0,a.mergeObject)(m.default,{...t?m.darkColorPallete:{},...r,name:e,breakpoints:h.breakpoints});o=(0,a.mergeObject)(o,{colors:{background:(0,n.default)(o,"background"),brand:(0,n.default)(o,"brand"),accent:(0,n.default)(o,"accent"),info:(0,n.default)(o,"info"),success:(0,n.default)(o,"success"),warning:(0,n.default)(o,"warning"),danger:(0,n.default)(o,"danger")}}),a.ThemeFactory.set(e,o)}return a.ThemeFactory.get(e)};
 //# sourceMappingURL=createTheme.js.map

package/cjs/theme/createTheme.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "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"],
-  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,iBAAAE,IAAA,eAAAC,EAAAH,GACA,IAAAI,EAAqD,oCACrDC,EAA0C,kBAC1CC,EAAwB,4BACxBC,EAA4B,kBAErB,MAAML,EAAc,CAACM,EAAcC,EAA2BC,IAAqC,CACvG,GAAK,eAAa,IAAIF,CAAI,EAqBvB,MAAM,IAAI,MAAM,UAAUA,CAAI,mBAAmB,EArBvB,CAC1B,IAAIG,KAAa,eAAY,EAAAC,QAAoB,CAC9C,GAAIF,EAAW,mBAAmB,CAAC,EACnC,GAAGD,EACH,KAAAD,EACA,YAAa,aAChB,CAAC,EAEDG,KAAQ,eAAYA,EAAO,CACxB,OAAQ,CACL,cAAY,EAAAE,SAAYF,EAAO,YAAY,EAC3C,SAAO,EAAAE,SAAYF,EAAO,OAAO,EACjC,UAAQ,EAAAE,SAAYF,EAAO,QAAQ,EACnC,QAAM,EAAAE,SAAYF,EAAO,MAAM,EAC/B,WAAS,EAAAE,SAAYF,EAAO,SAAS,EACrC,WAAS,EAAAE,SAAYF,EAAO,SAAS,EACrC,UAAQ,EAAAE,SAAYF,EAAO,QAAQ,CACtC,CACH,CAAC,EACD,eAAa,IAAIH,EAAMG,CAAK,CAC/B,CAIA,OAAO,eAAa,IAAIH,CAAI,CAC/B",
+  "sourcesContent": ["import { ThemeOptions, ThemeOptionInput } from \"./types\"\r\nimport defaultThemeOption, { darkColorPallete } from './ThemeDefaultOptions'\r\nimport { mergeObject, ThemeFactory } from \"./core\"\r\nimport createColor from \"./createColor\"\r\nimport { breakpoints } from \"../css\"\r\n\r\nexport const createTheme = (name: string, options: ThemeOptionInput, darkMode?: boolean): ThemeOptions => {\r\n   if (!ThemeFactory.has(name)) {\r\n      let theme: any = mergeObject(defaultThemeOption, {\r\n         ...(darkMode ? darkColorPallete : {}),\r\n         ...options,\r\n         name,\r\n         breakpoints: breakpoints\r\n      })\r\n\r\n      theme = mergeObject(theme, {\r\n         colors: {\r\n            background: createColor(theme, \"background\"),\r\n            brand: createColor(theme, \"brand\"),\r\n            accent: createColor(theme, \"accent\"),\r\n            info: createColor(theme, \"info\"),\r\n            success: createColor(theme, \"success\"),\r\n            warning: createColor(theme, \"warning\"),\r\n            danger: createColor(theme, \"danger\")\r\n         }\r\n      })\r\n      ThemeFactory.set(name, theme)\r\n   } else {\r\n      throw new Error(`theme \"${name}\" already exists!`);\r\n   }\r\n\r\n   return ThemeFactory.get(name) as ThemeOptions\r\n}\r\n"],
+  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,iBAAAE,IAAA,eAAAC,EAAAH,GACA,IAAAI,EAAqD,sCACrDC,EAA0C,kBAC1CC,EAAwB,8BACxBC,EAA4B,kBAErB,MAAML,EAAc,CAACM,EAAcC,EAA2BC,IAAqC,CACvG,GAAK,eAAa,IAAIF,CAAI,EAqBvB,MAAM,IAAI,MAAM,UAAUA,CAAI,mBAAmB,EArBvB,CAC1B,IAAIG,KAAa,eAAY,EAAAC,QAAoB,CAC9C,GAAIF,EAAW,mBAAmB,CAAC,EACnC,GAAGD,EACH,KAAAD,EACA,YAAa,aAChB,CAAC,EAEDG,KAAQ,eAAYA,EAAO,CACxB,OAAQ,CACL,cAAY,EAAAE,SAAYF,EAAO,YAAY,EAC3C,SAAO,EAAAE,SAAYF,EAAO,OAAO,EACjC,UAAQ,EAAAE,SAAYF,EAAO,QAAQ,EACnC,QAAM,EAAAE,SAAYF,EAAO,MAAM,EAC/B,WAAS,EAAAE,SAAYF,EAAO,SAAS,EACrC,WAAS,EAAAE,SAAYF,EAAO,SAAS,EACrC,UAAQ,EAAAE,SAAYF,EAAO,QAAQ,CACtC,CACH,CAAC,EACD,eAAa,IAAIH,EAAMG,CAAK,CAC/B,CAIA,OAAO,eAAa,IAAIH,CAAI,CAC/B",
   "names": ["createTheme_exports", "__export", "createTheme", "__toCommonJS", "import_ThemeDefaultOptions", "import_core", "import_createColor", "import_css", "name", "options", "darkMode", "theme", "defaultThemeOption", "createColor"]
 }

package/cjs/theme/createThemeSwitcher.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "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"],
+  "sourcesContent": ["import { createBucket } from \"react-state-bucket\"\r\nimport { getTheme } from \"./core\"\r\n\r\nconst createThemeSwitcher = (defaultTheme: string, store?: \"session\" | \"local\") => {\r\n   const useThemeState = createBucket({ name: defaultTheme }, { store })\r\n   const useThemeSwitcher = () => {\r\n      const state = useThemeState()\r\n      return {\r\n         name: state.get(\"name\"),\r\n         theme: getTheme(state.get(\"name\")),\r\n         change: (theme: string) => state.set(\"name\", theme)\r\n      }\r\n   }\r\n   return useThemeSwitcher\r\n}\r\n\r\n\r\nexport default createThemeSwitcher"],
   "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAA6B,8BAC7BC,EAAyB,kBAEzB,MAAMC,EAAsB,CAACC,EAAsBC,IAAgC,CAChF,MAAMC,KAAgB,gBAAa,CAAE,KAAMF,CAAa,EAAG,CAAE,MAAAC,CAAM,CAAC,EASpE,MARyB,IAAM,CAC5B,MAAME,EAAQD,EAAc,EAC5B,MAAO,CACJ,KAAMC,EAAM,IAAI,MAAM,EACtB,SAAO,YAASA,EAAM,IAAI,MAAM,CAAC,EACjC,OAASC,GAAkBD,EAAM,IAAI,OAAQC,CAAK,CACrD,CACH,CAEH,EAGA,IAAOT,EAAQI",
   "names": ["createThemeSwitcher_exports", "__export", "createThemeSwitcher_default", "__toCommonJS", "import_react_state_bucket", "import_core", "createThemeSwitcher", "defaultTheme", "store", "useThemeState", "state", "theme"]
 }

package/cjs/theme/index.js

@@ -1,2 +1,2 @@
-"use strict";var c=Object.create;var i=Object.defineProperty;var d=Object.getOwnPropertyDescriptor;var s=Object.getOwnPropertyNames;var g=Object.getPrototypeOf,v=Object.prototype.hasOwnProperty;var k=(e,r)=>{for(var o in r)i(e,o,{get:r[o],enumerable:!0})},f=(e,r,o,a)=>{if(r&&typeof r=="object"||typeof r=="function")for(let t of s(r))!v.call(e,t)&&t!==o&&i(e,t,{get:()=>r[t],enumerable:!(a=d(r,t))||a.enumerable});return e};var P=(e,r,o)=>(o=e!=null?c(g(e)):{},f(r||!e||!e.__esModule?i(o,"default",{value:e,enumerable:!0}):o,e)),x=e=>f(i({},"__esModule",{value:!0}),e);var C={};k(C,{ThemeProvider:()=>p.default,createThemeSwitcher:()=>T.default,getTheme:()=>m.getTheme,useTheme:()=>m.useTheme});module.exports=x(C);var h=require("./ThemeDefaultOptions"),l=require("./createTheme"),p=P(require("./ThemeProvider")),T=P(require("./createThemeSwitcher")),m=require("./core");(0,l.createTheme)("light",{colors:h.lightColorPallete}),(0,l.createTheme)("dark",{colors:h.darkColorPallete});
+"use strict";var c=Object.create;var i=Object.defineProperty;var d=Object.getOwnPropertyDescriptor;var s=Object.getOwnPropertyNames;var g=Object.getPrototypeOf,v=Object.prototype.hasOwnProperty;var k=(e,r)=>{for(var o in r)i(e,o,{get:r[o],enumerable:!0})},f=(e,r,o,a)=>{if(r&&typeof r=="object"||typeof r=="function")for(let t of s(r))!v.call(e,t)&&t!==o&&i(e,t,{get:()=>r[t],enumerable:!(a=d(r,t))||a.enumerable});return e};var P=(e,r,o)=>(o=e!=null?c(g(e)):{},f(r||!e||!e.__esModule?i(o,"default",{value:e,enumerable:!0}):o,e)),x=e=>f(i({},"__esModule",{value:!0}),e);var C={};k(C,{ThemeProvider:()=>p.default,createThemeSwitcher:()=>T.default,getTheme:()=>m.getTheme,useTheme:()=>m.useTheme});module.exports=x(C);var h=require("./ThemeDefaultOptions"),l=require("./createTheme"),p=P(require("./ThemeProvider"),1),T=P(require("./createThemeSwitcher"),1),m=require("./core");(0,l.createTheme)("light",{colors:h.lightColorPallete}),(0,l.createTheme)("dark",{colors:h.darkColorPallete});
 //# sourceMappingURL=index.js.map

package/cjs/theme/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "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"],
-  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,qBAAAE,QAAA,0BAAAC,QAAA,iEAAAC,EAAAJ,GAAA,IAAAK,EAAoD,iCACpDC,EAA4B,yBAC5BC,EAA0B,8BAC1BC,EAAgC,oCAChCC,EAAmC,qBAUnC,eAAY,QAAS,CAAE,OAAQ,mBAAkB,CAAC,KAClD,eAAY,OAAQ,CAAE,OAAQ,kBAAiB,CAAC",
+  "sourcesContent": ["import { lightColorPallete, darkColorPallete } from './ThemeDefaultOptions'\r\nimport { createTheme } from \"./createTheme\"\r\nimport ThemeProvider from './ThemeProvider'\r\nimport createThemeSwitcher from './createThemeSwitcher'\r\nimport { getTheme, useTheme } from './core'\r\nexport type { ThemeProviderProps } from './ThemeProvider'\r\n\r\nexport {\r\n    ThemeProvider,\r\n    createThemeSwitcher,\r\n    getTheme,\r\n    useTheme\r\n}\r\n\r\ncreateTheme(\"light\", { colors: lightColorPallete })\r\ncreateTheme(\"dark\", { colors: darkColorPallete })\r\n\r\n"],
+  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,qBAAAE,QAAA,0BAAAC,QAAA,iEAAAC,EAAAJ,GAAA,IAAAK,EAAoD,iCACpDC,EAA4B,yBAC5BC,EAA0B,gCAC1BC,EAAgC,sCAChCC,EAAmC,qBAUnC,eAAY,QAAS,CAAE,OAAQ,mBAAkB,CAAC,KAClD,eAAY,OAAQ,CAAE,OAAQ,kBAAiB,CAAC",
   "names": ["theme_exports", "__export", "ThemeProvider", "createThemeSwitcher", "__toCommonJS", "import_ThemeDefaultOptions", "import_createTheme", "import_ThemeProvider", "import_createThemeSwitcher", "import_core"]
 }

package/cjs/theme/types.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/theme/types.ts"],
-  "sourcesContent": ["import { BreakpointKeys, GlobalCSS } from \"../css/types\";\n\nexport type ObjectType = { [key: string]: any }\n\nexport type ThemeColorItem = {\n    primary: string;\n    secondary: string;\n    text: string;\n    alpha: string;\n    template: {\n        outline: {\n            bgcolor: string;\n            color: string;\n            border: number;\n            borderColor: string;\n            hover: {\n                bgcolor: string,\n                color: string,\n            }\n        },\n        fill: {\n            bgcolor: string;\n            color: string,\n            hover: {\n                bgcolor: string;\n                color: string;\n            }\n        },\n        text: {\n            bgcolor: string;\n            color: string;\n            hover: {\n                bgcolor: string;\n                color: string;\n            }\n        },\n        alpha: {\n            bgcolor: string\n            color: string;\n            hover: {\n                bgcolor: string;\n                color: string;\n            }\n        }\n    }\n}\n\nexport type ThemeTypographyItem = {\n    fontSize: number;\n    lineHeight: number;\n    fontWeight: number;\n}\n\nexport type ThemeColor = {\n    background: Omit<ThemeColorItem, \"text\">;\n    text: Omit<ThemeColorItem, \"text\" | \"alpha\" | \"template\">;\n    divider: string;\n    brand: ThemeColorItem;\n    accent: ThemeColorItem;\n    success: ThemeColorItem\n    info: ThemeColorItem\n    warning: ThemeColorItem\n    danger: ThemeColorItem\n};\n\nexport type ThemeTypographyType = {\n    fontFamily: string,\n    h1: ThemeTypographyItem;\n    h2: ThemeTypographyItem;\n    h3: ThemeTypographyItem;\n    h4: ThemeTypographyItem;\n    h5: ThemeTypographyItem;\n    h6: ThemeTypographyItem;\n    text: ThemeTypographyItem;\n    button: ThemeTypographyItem;\n    small: ThemeTypographyItem;\n}\n\nexport interface ThemeOptions {\n    name: string;\n    rtl: boolean;\n    globalStyle: GlobalCSS,\n    breakpoints: { [key in BreakpointKeys]: number };\n    shadow: string[];\n    interfaces: { [name: string]: <P extends object>(defaultProps: P, theme: ThemeOptions) => P };\n    colors: ThemeColor;\n    typography: ThemeTypographyType;\n}\n\n// Theme Input\nexport type ThemeColorItemInput = Partial<Omit<ThemeColorItem, \"alpha\">>\nexport type ThemeTypographyItemInput = Partial<ThemeTypographyItem>\nexport type ThemeColorInput = {\n    background?: Omit<ThemeColorItemInput, \"text\">\n    text?: Omit<ThemeColorItemInput, \"text\">\n    divider?: string;\n    brand?: ThemeColorItemInput;\n    accent?: ThemeColorItemInput;\n    success?: ThemeColorItemInput\n    info?: ThemeColorItemInput\n    warning?: ThemeColorItemInput\n    danger?: ThemeColorItemInput\n};\nexport type ThemeTypographyInputType = {\n    fontFamily?: string,\n    h1?: ThemeTypographyItemInput;\n    h2?: ThemeTypographyItemInput;\n    h3?: ThemeTypographyItemInput;\n    h4?: ThemeTypographyItemInput;\n    h5?: ThemeTypographyItemInput;\n    h6?: ThemeTypographyItemInput;\n    text?: ThemeTypographyItemInput;\n    button?: ThemeTypographyItemInput;\n    small?: ThemeTypographyItemInput;\n};\nexport interface ThemeOptionInput {\n    rtl?: boolean;\n    globalStyle?: GlobalCSS,\n    interfaces?: { [name: string]: <P extends object>(defaultProps: P, theme: ThemeOptions) => P };\n    colors?: ThemeColorInput;\n    typography?: ThemeTypographyInputType;\n}\n\n// ============ Reference Types\n\nexport type TypographyRefTypes =\n    | \"h1\"\n    | \"h2\"\n    | \"h3\"\n    | \"h4\"\n    | \"h5\"\n    | \"h6\"\n    | \"text\"\n    | \"button\"\n    | \"small\"\n\nexport type ColorsRefTypes =\n    | \"text\"\n    | \"text.primary\"\n    | \"text.secondary\"\n\n    | \"background\"\n    | \"background.primary\"\n    | \"background.secondary\"\n    | \"background.alpha\"\n\n    | \"brand\"\n    | \"brand.primary\"\n    | \"brand.secondary\"\n    | \"brand.alpha\"\n    | \"brand.text\"\n\n    | \"accent\"\n    | \"accent.primary\"\n    | \"accent.secondary\"\n    | \"accent.alpha\"\n    | \"accent.text\"\n\n    | \"info\"\n    | \"info.primary\"\n    | \"info.secondary\"\n    | \"info.alpha\"\n    | \"info.text\"\n\n    | \"success\"\n    | \"success.primary\"\n    | \"success.secondary\"\n    | \"success.alpha\"\n    | \"success.text\"\n\n    | \"warning\"\n    | \"warning.primary\"\n    | \"warning.secondary\"\n    | \"warning.alpha\"\n    | \"warning.text\"\n\n    | \"danger\"\n    | \"danger.primary\"\n    | \"danger.secondary\"\n    | \"danger.alpha\"\n    | \"danger.text\""],
+  "sourcesContent": ["import { BreakpointKeys, GlobalCSS } from \"../css/types\";\r\n\r\nexport type ObjectType = { [key: string]: any }\r\n\r\nexport type ThemeColorItem = {\r\n    primary: string;\r\n    secondary: string;\r\n    text: string;\r\n    alpha: string;\r\n    template: {\r\n        outline: {\r\n            bgcolor: string;\r\n            color: string;\r\n            border: number;\r\n            borderColor: string;\r\n            hover: {\r\n                bgcolor: string,\r\n                color: string,\r\n            }\r\n        },\r\n        fill: {\r\n            bgcolor: string;\r\n            color: string,\r\n            hover: {\r\n                bgcolor: string;\r\n                color: string;\r\n            }\r\n        },\r\n        text: {\r\n            bgcolor: string;\r\n            color: string;\r\n            hover: {\r\n                bgcolor: string;\r\n                color: string;\r\n            }\r\n        },\r\n        alpha: {\r\n            bgcolor: string\r\n            color: string;\r\n            hover: {\r\n                bgcolor: string;\r\n                color: string;\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\nexport type ThemeTypographyItem = {\r\n    fontSize: number;\r\n    lineHeight: number;\r\n    fontWeight: number;\r\n}\r\n\r\nexport type ThemeColor = {\r\n    background: Omit<ThemeColorItem, \"text\">;\r\n    text: Omit<ThemeColorItem, \"text\" | \"alpha\" | \"template\">;\r\n    divider: string;\r\n    brand: ThemeColorItem;\r\n    accent: ThemeColorItem;\r\n    success: ThemeColorItem\r\n    info: ThemeColorItem\r\n    warning: ThemeColorItem\r\n    danger: ThemeColorItem\r\n};\r\n\r\nexport type ThemeTypographyType = {\r\n    fontFamily: string,\r\n    h1: ThemeTypographyItem;\r\n    h2: ThemeTypographyItem;\r\n    h3: ThemeTypographyItem;\r\n    h4: ThemeTypographyItem;\r\n    h5: ThemeTypographyItem;\r\n    h6: ThemeTypographyItem;\r\n    text: ThemeTypographyItem;\r\n    button: ThemeTypographyItem;\r\n    small: ThemeTypographyItem;\r\n}\r\n\r\nexport interface ThemeOptions {\r\n    name: string;\r\n    rtl: boolean;\r\n    globalStyle: GlobalCSS,\r\n    breakpoints: { [key in BreakpointKeys]: number };\r\n    shadow: string[];\r\n    interfaces: { [name: string]: <P extends object>(defaultProps: P, theme: ThemeOptions) => P };\r\n    colors: ThemeColor;\r\n    typography: ThemeTypographyType;\r\n}\r\n\r\n// Theme Input\r\nexport type ThemeColorItemInput = Partial<Omit<ThemeColorItem, \"alpha\">>\r\nexport type ThemeTypographyItemInput = Partial<ThemeTypographyItem>\r\nexport type ThemeColorInput = {\r\n    background?: Omit<ThemeColorItemInput, \"text\">\r\n    text?: Omit<ThemeColorItemInput, \"text\">\r\n    divider?: string;\r\n    brand?: ThemeColorItemInput;\r\n    accent?: ThemeColorItemInput;\r\n    success?: ThemeColorItemInput\r\n    info?: ThemeColorItemInput\r\n    warning?: ThemeColorItemInput\r\n    danger?: ThemeColorItemInput\r\n};\r\nexport type ThemeTypographyInputType = {\r\n    fontFamily?: string,\r\n    h1?: ThemeTypographyItemInput;\r\n    h2?: ThemeTypographyItemInput;\r\n    h3?: ThemeTypographyItemInput;\r\n    h4?: ThemeTypographyItemInput;\r\n    h5?: ThemeTypographyItemInput;\r\n    h6?: ThemeTypographyItemInput;\r\n    text?: ThemeTypographyItemInput;\r\n    button?: ThemeTypographyItemInput;\r\n    small?: ThemeTypographyItemInput;\r\n};\r\nexport interface ThemeOptionInput {\r\n    rtl?: boolean;\r\n    globalStyle?: GlobalCSS,\r\n    interfaces?: { [name: string]: <P extends object>(defaultProps: P, theme: ThemeOptions) => P };\r\n    colors?: ThemeColorInput;\r\n    typography?: ThemeTypographyInputType;\r\n}\r\n\r\n// ============ Reference Types\r\n\r\nexport type TypographyRefTypes =\r\n    | \"h1\"\r\n    | \"h2\"\r\n    | \"h3\"\r\n    | \"h4\"\r\n    | \"h5\"\r\n    | \"h6\"\r\n    | \"text\"\r\n    | \"button\"\r\n    | \"small\"\r\n\r\nexport type ColorsRefTypes =\r\n    | \"text\"\r\n    | \"text.primary\"\r\n    | \"text.secondary\"\r\n\r\n    | \"background\"\r\n    | \"background.primary\"\r\n    | \"background.secondary\"\r\n    | \"background.alpha\"\r\n\r\n    | \"brand\"\r\n    | \"brand.primary\"\r\n    | \"brand.secondary\"\r\n    | \"brand.alpha\"\r\n    | \"brand.text\"\r\n\r\n    | \"accent\"\r\n    | \"accent.primary\"\r\n    | \"accent.secondary\"\r\n    | \"accent.alpha\"\r\n    | \"accent.text\"\r\n\r\n    | \"info\"\r\n    | \"info.primary\"\r\n    | \"info.secondary\"\r\n    | \"info.alpha\"\r\n    | \"info.text\"\r\n\r\n    | \"success\"\r\n    | \"success.primary\"\r\n    | \"success.secondary\"\r\n    | \"success.alpha\"\r\n    | \"success.text\"\r\n\r\n    | \"warning\"\r\n    | \"warning.primary\"\r\n    | \"warning.secondary\"\r\n    | \"warning.alpha\"\r\n    | \"warning.text\"\r\n\r\n    | \"danger\"\r\n    | \"danger.primary\"\r\n    | \"danger.secondary\"\r\n    | \"danger.alpha\"\r\n    | \"danger.text\""],
   "mappings": "+WAAA,IAAAA,EAAA,kBAAAC,EAAAD",
   "names": ["types_exports", "__toCommonJS"]
 }

package/cjs/useAnimation.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/useAnimation.ts"],
-  "sourcesContent": ["import { css } from './css'\nimport { useId } from 'react'\nimport { CSSProps } from './css/types'\n\nexport const animationEases = {\n    easeInOut: \"cubic-bezier(0.4, 0, 0.2, 1)\",\n    easeOut: \"cubic-bezier(0.0, 0, 0.2, 1)\",\n    easeIn: \"cubic-bezier(0.4, 0, 1, 1)\",\n    sharp: \"cubic-bezier(0.4, 0, 0.6, 1)\",\n    linear: \"cubic-bezier(0, 0, 1, 1)\",\n    easeBounceOut: \"cubic-bezier(0.68, -0.55, 0.265, 1.55)\"\n}\n\nexport interface UseAnimationProps {\n    delay?: number;\n    duration?: number;\n    from: CSSProps;\n    to: CSSProps;\n    ease?: keyof typeof animationEases;\n}\n\nconst useAnimation = ({ from, to, delay, ease, duration }: UseAnimationProps) => {\n    let _delay = delay || 0;\n    let _duration = duration || 600;\n    let _ease = ease || \"easeBounceOut\"\n    const id = \"anim\" + useId().replace(/:/g, \"\")\n    const anim = css({\n        animationName: id,\n        animationDelay: _delay + \"ms\",\n        animationDuration: _duration + \"ms\",\n        animationTimingFunction: animationEases[_ease] || animationEases.easeBounceOut,\n        [`@keyframes ${id}`]: {\n            from: from as any,\n            to: to as any\n        }\n    })\n    return anim.classname\n}\n\nexport default useAnimation"],
+  "sourcesContent": ["import { css } from './css'\r\nimport { useId } from 'react'\r\nimport { CSSProps } from './css/types'\r\n\r\nexport const animationEases = {\r\n    easeInOut: \"cubic-bezier(0.4, 0, 0.2, 1)\",\r\n    easeOut: \"cubic-bezier(0.0, 0, 0.2, 1)\",\r\n    easeIn: \"cubic-bezier(0.4, 0, 1, 1)\",\r\n    sharp: \"cubic-bezier(0.4, 0, 0.6, 1)\",\r\n    linear: \"cubic-bezier(0, 0, 1, 1)\",\r\n    easeBounceOut: \"cubic-bezier(0.68, -0.55, 0.265, 1.55)\"\r\n}\r\n\r\nexport interface UseAnimationProps {\r\n    delay?: number;\r\n    duration?: number;\r\n    from: CSSProps;\r\n    to: CSSProps;\r\n    ease?: keyof typeof animationEases;\r\n}\r\n\r\nconst useAnimation = ({ from, to, delay, ease, duration }: UseAnimationProps) => {\r\n    let _delay = delay || 0;\r\n    let _duration = duration || 600;\r\n    let _ease = ease || \"easeBounceOut\"\r\n    const id = \"anim\" + useId().replace(/:/g, \"\")\r\n    const anim = css({\r\n        animationName: id,\r\n        animationDelay: _delay + \"ms\",\r\n        animationDuration: _duration + \"ms\",\r\n        animationTimingFunction: animationEases[_ease] || animationEases.easeBounceOut,\r\n        [`@keyframes ${id}`]: {\r\n            from: from as any,\r\n            to: to as any\r\n        }\r\n    })\r\n    return anim.classname\r\n}\r\n\r\nexport default useAnimation"],
   "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,oBAAAE,EAAA,YAAAC,IAAA,eAAAC,EAAAJ,GAAA,IAAAK,EAAoB,iBACpBC,EAAsB,iBAGf,MAAMJ,EAAiB,CAC1B,UAAW,+BACX,QAAS,+BACT,OAAQ,6BACR,MAAO,+BACP,OAAQ,2BACR,cAAe,wCACnB,EAUMK,EAAe,CAAC,CAAE,KAAAC,EAAM,GAAAC,EAAI,MAAAC,EAAO,KAAAC,EAAM,SAAAC,CAAS,IAAyB,CAC7E,IAAIC,EAASH,GAAS,EAClBI,EAAYF,GAAY,IACxBG,EAAQJ,GAAQ,gBACpB,MAAMK,EAAK,UAAS,SAAM,EAAE,QAAQ,KAAM,EAAE,EAW5C,SAVa,OAAI,CACb,cAAeA,EACf,eAAgBH,EAAS,KACzB,kBAAmBC,EAAY,KAC/B,wBAAyBZ,EAAea,CAAK,GAAKb,EAAe,cACjE,CAAC,cAAcc,CAAE,EAAE,EAAG,CAClB,KAAMR,EACN,GAAIC,CACR,CACJ,CAAC,EACW,SAChB,EAEA,IAAON,EAAQI",
   "names": ["useAnimation_exports", "__export", "animationEases", "useAnimation_default", "__toCommonJS", "import_css", "import_react", "useAnimation", "from", "to", "delay", "ease", "duration", "_delay", "_duration", "_ease", "id"]
 }

package/cjs/useColorTemplate.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "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"],
+  "sourcesContent": ["import { useTheme } from \"./theme\"\r\nexport type ColorTemplateColors = \"default\" | \"brand\" | \"accent\" | \"info\" | \"success\" | \"warning\" | \"danger\"\r\nexport type ColorTemplateType = \"fill\" | \"outline\" | \"text\" | \"alpha\"\r\n\r\nconst useColorTemplate = (color: ColorTemplateColors, type: ColorTemplateType) => {\r\n    const theme: any = useTheme()\r\n    let _color = color === 'default' ? \"background\" : color as any\r\n    return theme.colors[_color]?.template[type]\r\n}\r\n\r\nexport default useColorTemplate"],
   "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAAyB,mBAIzB,MAAMC,EAAmB,CAACC,EAA4BC,IAA4B,CAC9E,MAAMC,KAAa,YAAS,EAC5B,IAAIC,EAASH,IAAU,UAAY,aAAeA,EAClD,OAAOE,EAAM,OAAOC,CAAM,GAAG,SAASF,CAAI,CAC9C,EAEA,IAAOL,EAAQG",
   "names": ["useColorTemplate_exports", "__export", "useColorTemplate_default", "__toCommonJS", "import_theme", "useColorTemplate", "color", "type", "theme", "_color"]
 }

package/cjs/useInterface.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "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"],
+  "sourcesContent": ["import { useTheme } from \"./theme\"\r\n\r\nconst useInterface = <P extends object>(name: string, userPorps: P, defaultProps: P) => {\r\n    const theme = useTheme()\r\n    const _interface = theme.interfaces[name]\r\n\r\n    if (_interface) {\r\n        defaultProps = _interface<P>({ ...defaultProps, ...userPorps }, theme)\r\n    }\r\n    return [{ ...defaultProps, ...userPorps }, theme]\r\n}\r\n\r\nexport default useInterface"],
   "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAAyB,mBAEzB,MAAMC,EAAe,CAAmBC,EAAcC,EAAcC,IAAoB,CACpF,MAAMC,KAAQ,YAAS,EACjBC,EAAaD,EAAM,WAAWH,CAAI,EAExC,OAAII,IACAF,EAAeE,EAAc,CAAE,GAAGF,EAAc,GAAGD,CAAU,EAAGE,CAAK,GAElE,CAAC,CAAE,GAAGD,EAAc,GAAGD,CAAU,EAAGE,CAAK,CACpD,EAEA,IAAOP,EAAQG",
   "names": ["useInterface_exports", "__export", "useInterface_default", "__toCommonJS", "import_theme", "useInterface", "name", "userPorps", "defaultProps", "theme", "_interface"]
 }

package/css/aliases.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/css/aliases.ts"],
+  "sourcesContent": ["import { OptionAliases } from 'oncss'\r\nimport { Aliases } from './types'\r\n\r\nconst isStr = (v: any, or: any) => typeof v === 'string' ? v : or\r\n\r\nconst aliases: OptionAliases<Aliases> = {\r\n   bgcolor: (v) => ({ backgroundColor: v }),\r\n   bgimage: (v) => ({ backgroundImage: `url(${v})`, backgroundSize: \"cover\", backgroundRepeat: \"no-repeat\" }),\r\n   bg: (v) => ({ background: v }),\r\n   p: (v) => ({ padding: isStr(v, 8 * v) }),\r\n   pt: (v) => ({ paddingTop: isStr(v, 8 * v) }),\r\n   pr: (v) => ({ paddingRight: isStr(v, 8 * v) }),\r\n   pb: (v) => ({ paddingBottom: isStr(v, 8 * v) }),\r\n   pl: (v) => ({ paddingLeft: isStr(v, 8 * v) }),\r\n   px: (v) => ({ paddingLeft: isStr(v, 8 * v), paddingRight: isStr(v, 8 * v) }),\r\n   py: (v) => ({ paddingTop: isStr(v, 8 * v), paddingBottom: isStr(v, 8 * v) }),\r\n   m: (v) => ({ margin: isStr(v, 8 * v) }),\r\n   mt: (v) => ({ marginTop: isStr(v, 8 * v) }),\r\n   mr: (v) => ({ marginRight: isStr(v, 8 * v) }),\r\n   mb: (v) => ({ marginBottom: isStr(v, 8 * v) }),\r\n   ml: (v) => ({ marginLeft: isStr(v, 8 * v) }),\r\n   mx: (v) => ({ marginLeft: isStr(v, 8 * v), marginRight: isStr(v, 8 * v) }),\r\n   my: (v) => ({ marginTop: isStr(v, 8 * v), marginBottom: isStr(v, 8 * v) }),\r\n   radius: (v) => ({ borderRadius: isStr(v, 8 * v) }),\r\n   borderRadius: (v) => ({ borderRadius: isStr(v, 8 * v) }),\r\n   shadow: (v) => ({ boxShadow: v }),\r\n   flexBox: (v) => (v ? { display: \"flex\" } : {}),\r\n   flexRow: (v) => (v ? { flexDirection: \"row\" } : {}),\r\n   flexColumn: (v) => (v ? { flexDirection: \"column\" } : {}),\r\n   flexWraped: (v) => (v ? { flexWrap: \"wrap\" } : {}),\r\n   direction: (v) => (v === 'row' || v === 'column' ? { flexDirection: v } : { direction: v }),\r\n   gap: (v) => ({ gap: isStr(v, 8 * v) }),\r\n};\r\n\r\nexport default aliases"],
+  "mappings": "AAGA,MAAMA,EAAQ,CAACC,EAAQC,IAAY,OAAOD,GAAM,SAAWA,EAAIC,EAEzDC,EAAkC,CACrC,QAAUF,IAAO,CAAE,gBAAiBA,CAAE,GACtC,QAAUA,IAAO,CAAE,gBAAiB,OAAOA,CAAC,IAAK,eAAgB,QAAS,iBAAkB,WAAY,GACxG,GAAKA,IAAO,CAAE,WAAYA,CAAE,GAC5B,EAAIA,IAAO,CAAE,QAASD,EAAMC,EAAG,EAAIA,CAAC,CAAE,GACtC,GAAKA,IAAO,CAAE,WAAYD,EAAMC,EAAG,EAAIA,CAAC,CAAE,GAC1C,GAAKA,IAAO,CAAE,aAAcD,EAAMC,EAAG,EAAIA,CAAC,CAAE,GAC5C,GAAKA,IAAO,CAAE,cAAeD,EAAMC,EAAG,EAAIA,CAAC,CAAE,GAC7C,GAAKA,IAAO,CAAE,YAAaD,EAAMC,EAAG,EAAIA,CAAC,CAAE,GAC3C,GAAKA,IAAO,CAAE,YAAaD,EAAMC,EAAG,EAAIA,CAAC,EAAG,aAAcD,EAAMC,EAAG,EAAIA,CAAC,CAAE,GAC1E,GAAKA,IAAO,CAAE,WAAYD,EAAMC,EAAG,EAAIA,CAAC,EAAG,cAAeD,EAAMC,EAAG,EAAIA,CAAC,CAAE,GAC1E,EAAIA,IAAO,CAAE,OAAQD,EAAMC,EAAG,EAAIA,CAAC,CAAE,GACrC,GAAKA,IAAO,CAAE,UAAWD,EAAMC,EAAG,EAAIA,CAAC,CAAE,GACzC,GAAKA,IAAO,CAAE,YAAaD,EAAMC,EAAG,EAAIA,CAAC,CAAE,GAC3C,GAAKA,IAAO,CAAE,aAAcD,EAAMC,EAAG,EAAIA,CAAC,CAAE,GAC5C,GAAKA,IAAO,CAAE,WAAYD,EAAMC,EAAG,EAAIA,CAAC,CAAE,GAC1C,GAAKA,IAAO,CAAE,WAAYD,EAAMC,EAAG,EAAIA,CAAC,EAAG,YAAaD,EAAMC,EAAG,EAAIA,CAAC,CAAE,GACxE,GAAKA,IAAO,CAAE,UAAWD,EAAMC,EAAG,EAAIA,CAAC,EAAG,aAAcD,EAAMC,EAAG,EAAIA,CAAC,CAAE,GACxE,OAASA,IAAO,CAAE,aAAcD,EAAMC,EAAG,EAAIA,CAAC,CAAE,GAChD,aAAeA,IAAO,CAAE,aAAcD,EAAMC,EAAG,EAAIA,CAAC,CAAE,GACtD,OAASA,IAAO,CAAE,UAAWA,CAAE,GAC/B,QAAUA,GAAOA,EAAI,CAAE,QAAS,MAAO,EAAI,CAAC,EAC5C,QAAUA,GAAOA,EAAI,CAAE,cAAe,KAAM,EAAI,CAAC,EACjD,WAAaA,GAAOA,EAAI,CAAE,cAAe,QAAS,EAAI,CAAC,EACvD,WAAaA,GAAOA,EAAI,CAAE,SAAU,MAAO,EAAI,CAAC,EAChD,UAAYA,GAAOA,IAAM,OAASA,IAAM,SAAW,CAAE,cAAeA,CAAE,EAAI,CAAE,UAAWA,CAAE,EACzF,IAAMA,IAAO,CAAE,IAAKD,EAAMC,EAAG,EAAIA,CAAC,CAAE,EACvC,EAEA,IAAOG,EAAQD",
+  "names": ["isStr", "v", "or", "aliases", "aliases_default"]
+}

package/css/getProps.js

@@ -0,0 +1,2 @@
+const s=(t,r,o)=>{let i;if(typeof r=="string"){const e=r.split("!");i=e[1]?"!important":"",r=e[0]}if(t==="disabled")return r===!0?{pointerEvents:"none!important",cursor:"default!important",userSelect:"none!important",opacity:".8!important"}:{};if(r&&typeof r=="number"&&["border","borderRight","borderLeft","borderTop","borderBottom"].includes(t)){const e=Object.keys(o);let n={[`${t}Width`]:r+"px"+(i||"")};return e.includes(`${t}Color`)||(n[`${t}Color`]="divider"),e.includes(`${t}Style`)||(n[`${t}Style`]="solid"),n}};var f=s;export{f as default};
+//# sourceMappingURL=getProps.js.map