import{makeGlobalSize as e,getGradientBgrStyleByDevice as t,getStyleBackgroundByDevice as i,makeStyleResponsive as o,getGlobalColorResponsiveStyle as r,composeBorderResponsive as a,composeRadiusResponsive as d,getResponsiveStyleShadowWithoutState as l}from"@gem-sdk/core";import{getBackgroundTranslated as n}from"../../helpers.js";import{IconList as s}from"../settings/configs/translate.js";let g=e=>(["--mb","--mb-mobile","--mb-tablet"].forEach(t=>{delete e?.[t]}),e||{}),m=({style:r,styles:a,extraData:d,uid:l,type:m="React",pageContext:c})=>{let{align:p,background:u,globalSize:b}=a||{},h=e(b||{desktop:{width:"100%"}}),S="Liquid"===m?n({background:u,uid:l,enableTranslate:!!s?.background?.id,pageContext:c??{},isTranslateVideo:!1}):u,f={...r,...d?.advancedClasses,...h.width,...o("ta",p),...i(S,{liquid:d?.isLiquid}),...t(S)};return d?.isLiquid?f:g(f)},c=e=>{let{alignWrapper:t}=e||{};return{...o("jc",t)}},p=t=>{let i=e(t?.itemPadding);return{...i.padding,...l(t?.itemBoxShadow,"box-shadow",t?.itemBoxShadow),...d(t?.itemRounded),...a(t?.itemBorder),...r("bgc",t?.itemBackgroundColor),...r("bgi",t?.itemBackgroundColor),...o("cg",t?.horizontalSpacing)}},u=e=>({...o("gg",e?.verticalSpacing)});export{m as getContainerStyles,p as getItemStyles,u as getUlStyles,c as getWrapperStyles};
