import*as r from"react";import{forwardRef as o}from"../../../system/dist/esm/forward-ref.js";import{chakra as t}from"../../../system/dist/esm/system.js";import{__DEV__ as a}from"../../../utils/dist/esm/assertion.js";import{filterUndefined as e}from"../../../utils/dist/esm/object.js";import{mapResponsive as s}from"../../../utils/dist/esm/responsive.js";function n(){return(n=Object.assign||function(r){for(var o=1;o<arguments.length;o++){var t=arguments[o];for(var a in t)Object.prototype.hasOwnProperty.call(t,a)&&(r[a]=t[a])}return r}).apply(this,arguments)}function i(r,o){if(null==r)return{};var t,a,e={},s=Object.keys(r);for(a=0;a<s.length;a++)t=s[a],o.indexOf(t)>=0||(e[t]=r[t]);return e}var l=o(((o,a)=>{var{area:e,templateAreas:s,gap:l,rowGap:m,columnGap:u,column:p,row:d,autoFlow:w,autoRows:c,templateRows:g,autoColumns:f,templateColumns:v}=o,C=i(o,["area","templateAreas","gap","rowGap","columnGap","column","row","autoFlow","autoRows","templateRows","autoColumns","templateColumns"]),R={display:"grid",gridArea:e,gridTemplateAreas:s,gridGap:l,gridRowGap:m,gridColumnGap:u,gridAutoColumns:f,gridColumn:p,gridRow:d,gridAutoFlow:w,gridAutoRows:c,gridTemplateRows:g,gridTemplateColumns:v};return r.createElement(t.div,n({ref:a,__css:R},C))}));function m(r){return s(r,(r=>"auto"===r?"auto":"span "+r+"/span "+r))}a&&(l.displayName="Grid");var u=o(((o,a)=>{var{colSpan:s,colStart:l,colEnd:u,rowEnd:p,rowSpan:d,rowStart:w}=o,c=i(o,["colSpan","colStart","colEnd","rowEnd","rowSpan","rowStart"]),g=e({gridColumn:m(s),gridRow:m(d),gridColumnStart:l,gridColumnEnd:u,gridRowStart:w,gridRowEnd:p});return r.createElement(t.div,n({ref:a,__css:g},c))}));export{l as Grid,u as GridItem};
//# sourceMappingURL=grid.js.map
