@radix-ui/themes/dist/esm/components/grid.props.js

[](https://radix-ui.com/themes)

import{asChildPropDef as t}from"../props/as-child.prop.js";import{gapPropDefs as o}from"../props/gap.props.js";const a=["div","span"],n=["none","inline-grid","grid"],p=["1","2","3","4","5","6","7","8","9"],u=["1","2","3","4","5","6","7","8","9"],i=["row","column","dense","row-dense","column-dense"],l=["start","center","end","baseline","stretch"],f=["start","center","end","between"],s={as:{type:"enum",values:a,default:"div"},...t,display:{type:"enum",className:"rt-r-display",values:n,responsive:!0},areas:{type:"string",className:"rt-r-gta",customProperties:["--grid-template-areas"],responsive:!0},columns:{type:"enum | string",className:"rt-r-gtc",customProperties:["--grid-template-columns"],values:p,parseValue:r,responsive:!0},rows:{type:"enum | string",className:"rt-r-gtr",customProperties:["--grid-template-rows"],values:u,parseValue:r,responsive:!0},flow:{type:"enum",className:"rt-r-gaf",values:i,responsive:!0},align:{type:"enum",className:"rt-r-ai",values:l,responsive:!0},justify:{type:"enum",className:"rt-r-jc",values:f,parseValue:m,responsive:!0},...o};function r(e){return s.columns.values.includes(e)?e:e?.match(/^\d+$/)?`repeat(${e}, minmax(0, 1fr))`:e}function m(e){return e==="between"?"space-between":e}export{s as gridPropDefs};
//# sourceMappingURL=grid.props.js.map